![]() |
|
Fare üzerine gelince 360° Dönen Resim CSS Kodu - Yazdırılabilir Versiyon +- Afyonlu Raşit Board (https://rt3.biz) +-- Forum: GENEL KÜLTÜR (https://rt3.biz/forumdisplay.php?fid=654) +--- Forum: GENEL KÜLTÜR BiLGiLERi MAiN (https://rt3.biz/forumdisplay.php?fid=229) +---- Forum: Webmaster Bilgileri (https://rt3.biz/forumdisplay.php?fid=232) +---- Konu: Fare üzerine gelince 360° Dönen Resim CSS Kodu (/showthread.php?tid=4401) |
Fare üzerine gelince 360° Dönen Resim CSS Kodu - Afyonlu-Raşit - 11-25-2018 Fare üzerine gelince 360° Dönen Resim CSS Kodu Fare üzerine gelince 360° Dönen Resim CSS Kodu Kod: .image {
float: left;
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
width: 120px;
height: 120px;
margin-top: -60px;
margin-left: -60px;
-webkit-animation-name: spin;
-webkit-animation-duration: 4000ms;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: spin;
-moz-animation-duration: 4000ms;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: spin;
-ms-animation-duration: 4000ms;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
animation-name: spin;
animation-duration: 4000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
@-ms-keyframes spin {
from {
-ms-transform: rotate(0deg);
} to {
-ms-transform: rotate(360deg);
}
}
@-moz-keyframes spin {
from {
-moz-transform: rotate(0deg);
} to {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg);
} to {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
from {
transform: rotate(0deg);
} to {
transform: rotate(360deg);
}
}
} |