<!DOCTYPE html>
<html>
<head>
<style>
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.rotate-image {
animation: spin 5s linear infinite; /* Dönme süresi burada belirtilir */
}
</style>
</head>
<body>
<img class="rotate-image" src="fotoğraf.jpg" alt="Dönen Fotoğraf">
</body>
</html>
Arkadaşlar 30 fotoğraftan oluşan HTML olacak şekilde fotoğraf döndürme nasıl yapabilirim?
Yatay eksende 360 derece dönücekNe tarz döndürme?
O nedir hocam ?Slider mı istiyorsun?
Yatay eksende 360 derece dönecek
O nedir hocam?
Yatay eksende 360 derece dönecek.
O nedir hocam?
<!DOCTYPE html>
<html>
<head>
<style>
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.rotate-image {
animation: spin 5s linear infinite; /* Dönme süresi burada belirtilir */
}
</style>
</head>
<body>
<img class="rotate-image" src="fotoğraf.jpg" alt="Dönen Fotoğraf">
</body>
</html>
HTML:<!DOCTYPE html> <html> <head> <style> @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .rotate-image { animation: spin 5s linear infinite; /* Dönme süresi burada belirtilir */ } </style> </head> <body> <img class="rotate-image" src="fotoğraf.jpg" alt="Dönen Fotoğraf"> </body> </html>
Bunu dener misin?
Burda birden fazla resim var, döndükçe onları gösteriyor.
Bu sitenin çalışmasını sağlamak için gerekli çerezleri ve deneyiminizi iyileştirmek için isteğe bağlı çerezleri kullanıyoruz.