animācija no Ambex
unknown
html
2 years ago
1.1 kB
6
Indexable
<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>
Editor is loading...