Welcome aboard! We are happy you are here and wish you good net-raft!
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 180px;
height: 100px;
background: orange;
text-align: center;
color: black;
-webkit-animation: mymove 2s infinite linear alternate; /* Chrome, Safari, Opera */
animation: mymove 2s infinite linear alternate;
border: 3px solid black;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
to {-webkit-transform: rotateY(180deg);}
}
@keyframes mymove {
to {transform: rotateY(180deg);}
}
</style>
</head>
<body>
<div id="test">
<h1>Hello Javascript!</h1>
</div>
</body>
</html>
The most helpful CSS solutions
How to set bootstrap popover borders in css ?CSS Click to see more ... 1.4K 91