Animācija no Ambex

mail@pastecode.io avatar
unknown
plain_text
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: -20px;
}
@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>