Blogger sitenizde veya diğer CSS-HTML kod sistemi destekleyen tüm sitelerde bu özelliği rahatlıkla kullanabilirsiniz.Makalelerinizin içinde de kullanma şansınız vardır.Ekleyecek olduğunuz üç resim ve her birinin üzerine mause getirdiğinizde yavaşça dönerek büyüyen hareket eden resim kodlarını aşağıda verecem.
HTML KODLARI:
<html>
<head>
Bilgi Cafem 61 tarafından yapılmıştır.</title>
<link href="stil.css" rel="stylesheet" type="text/css">
</head>
<body>
<img id="döndür" src="1.jpg" width="300">
<img id="döndür" src="2.jpg" width="300">
<img id="döndür" src="3.jpg" width="300">
</body>
</html>
1.jpg,2.jpg,3.jpg yazan kısıma siz ekleyecek olduğunuz resim linklerini ekleyin.Resimlerin boyutlarını 300 yazan bölümden ayarlayabilirsiniz.
CSS KODLARI:
#döndür {
transform: rotate(30deg);
-webkit-transform: rotate(30deg);
transition: 4s;
}
#döndür:hover {
transform: rotate(360deg);
width: 500px;
-webkit-transform: rotate(360deg);
}
Aşağıda Yorum ve Sorularınızı Yazabilirsiniz...
