animācija no Ambex

mail@pastecode.io avatar
unknown
html
2 years ago
1.1 kB
4
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>