Rotējoša bilde - uWM // FORUMS

Lappuse 1 no 1
1

Rotējoša bilde

Antikrists

Trešdiena, 19.07.2017, 2:28:43 | Ieraksts #1

FORUMA APSARGS

Foruma ieraksti: 606

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis

Jaunākie apbalvojumi:

@Antikrists raksta .. :

Varabūt kādam noder kkur kā logo vai kam citam.

Code

<img src="http://ucozwebmeistars.ucoz.lv/_fr/50/5278774.jpg" class="turntable" />

<style>

/* ===[ Turntable ]=== */

@-webkit-keyframes rotate {
0% { -webkit-transform: rotate(0deg) rotateY(0) scale(1) }

100% { -webkit-transform: rotate(360deg) rotateY(0) scale(1) }
}

@-moz-keyframes rotate {
0% { -moz-transform: rotate(0deg) rotateY(0) scale(1) }

100% { -moz-transform: rotate(360deg) rotateY(0) scale(1) }
}

@-ms-keyframes rotate {
0% { -ms-transform: rotate(0deg) rotateY(0) scale(1) }

100% { -ms-transform: rotate(360deg) rotateY(0) scale(1) }
}

@keyframes rotate {
0% { transform: rotate(0deg) rotateY(0) scale(1) }

100% { transform: rotate(360deg) rotateY(0) scale(1) }
}

img.turntable {
-webkit-border-radius: 384px;
-moz-border-radius: 384px;
border-radius: 384px;
-webkit-animation: rotate 1s linear infinite;
-moz-animation: rotate 1s linear infinite;
-ms-animation: rotate 1s linear infinite;
animation: rotate 1s linear infinite;
margin: 20px;
}

}</style>

Ja kam citam tad šī vietā

Code

Liekam šo vai pielāgojam ko citu

Code

360deg – Lenķa lielums cik liela būs rotācija, ja uzliksi 180 tad būs līdz pusei un no sākuma

1s – Rotācijas ātrums, jo lielāks skaitlis jo lēnāka rotācija, teiksim 1s vietā 10s