animācija.vineta

mail@pastecode.io avatar
unknown
html
2 years ago
1.1 kB
2
Indexable
Never
<html>
<head>
<style>
#zobrats
{
    width:200px;
    animation:zobratspalabi 5s linear infinite;
}
@keyframes zobratspalabi
{
 0%
 {
     transform: rotate(0deg);
    
 }
 100%
 {
     transform: rotate(360deg);
  }
}  
  #zobrats2
{
    width:200px;
    animation:zobratspakreisi 5s linear infinite;
    position: relative;
    left: -15px;
}
@keyframes zobratspakreisi
{
    0%
    {
        transform: rotate(360deg);
    }   
    100%
    {
        transform: rotate(0deg);
    
    }
}
#zvans
{ 
    width:200px;
}
#zvans:hover
{
    animation: zvanskustas .3s linear infinite;
}
@keyframes zvanskustas
{
    0%
    {
        transform: rotate(0deg);
    }
    25%
    {
        transform: rotate(-25deg);
    }
    50%
    {
        transform: rotate(0deg);
    }
    75%
    { 
        transform: rotate(25deg);
    }
}
</style>
</head>
<body>

<img id='zobrats' src="https://www.ambex.lv/bildes/zobrats.png">
<img id='zobrats2' src="https://www.ambex.lv/bildes/zobrats.png">

<img id='zvans' src='http://www.ambex.lv/bildes/zvans.png'>
</body>
</html>