Vienkārša automātiska attēlu maiņa ar CSS palīdzību - uWM // FORUMS

UWM FORUMS · PORTFOLIO · VIETŅU TOP

JAUNĀKAIS FORUMĀ ·

BIEDRU SARAKSTS ·

INFO MEKLĒTĀJS ·

IZSEKOTĀS TĒMAS ·

UWM AKTUĀLI: DISKUSIJA: Reputācijas restarts - DISKUSIJA: Steam spēļu izloze - NODERĪGI: "CW sistēma" uCoz modulī

Lappuse 1 no 1
1

uWM // FORUMS » uWEBMEISTARS // WEBLAPU PLATFORMAS » WEBLAPU APLIKĀCIJAS, SKRIPTI, SPRAUDŅI » uCoz » Vienkārša automātiska attēlu maiņa ar CSS palīdzību

Vienkārša automātiska attēlu maiņa ar CSS palīdzību

Pirmdiena, 23.10.2017, 3:40:49 | 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 .. :

Bilžu automātiska maiņa kā slaidrādei.

Liec kur vēlies redzēt

Code

<div class="fadein">
  <img src="https://avante.biz/wp-content/uploads/PC-Nature-Wallpapers/PC-Nature-Wallpapers-029.jpg">
  <img src="https://avante.biz/wp-content/uploads/PC-Nature-Wallpapers/PC-Nature-Wallpapers-009.jpg">
  <img src="https://avante.biz/wp-content/uploads/PC-Nature-Wallpapers/PC-Nature-Wallpapers-001.jpg"></div>

CSS

Code

@keyframes fade {
  0% { opacity: 0; }
  11.11% { opacity: 1; }
  33.33% { opacity: 1; }
  44.44% { opacity: 0; }
  100% { opacity: 0; }
}

.fadein { position:relative; width:70%;}
.fadein img { position:absolute; width:100%; left:0; right:0; opacity:0; animation-name: fade; animation-duration: 9s; animation-iteration-count: infinite; }
.fadein img:nth-child(1) { animation-delay: 0s; }
.fadein img:nth-child(2) { animation-delay: 3s; }
.fadein img:nth-child(3) { animation-delay: 6s; }

Iznākums

.
.

uWM // FORUMS » uWEBMEISTARS // WEBLAPU PLATFORMAS » WEBLAPU APLIKĀCIJAS, SKRIPTI, SPRAUDŅI » uCoz » Vienkārša automātiska attēlu maiņa ar CSS palīdzību

Lappuse 1 no 1
1

UWM apmeklēja:

RESPEKTABLĀKIE PORTĀLA FORUMA KLAVIATŪRISTI :

Foruma viszinis
Korijs
UWM karma: 380

Foruma atkarīgais
wuxmachine
UWM karma: 157

Foruma atkarīgais
Robiits
UWM karma: 87

Foruma šamanis
0wn3r
UWM karma: 80

Foruma atkarīgais
H[o_0]LiGaN
UWM karma: 78

Foruma atkarīgais
Spanky
UWM karma: 76

Foruma viszinis
Ar4ssS
UWM karma: 74

Foruma atkarīgais
Profth3tic
UWM karma: 55

Foruma atkarīgais
emciits
UWM karma: 52

Foruma atkarīgais
JackDaniel
UWM karma: 51

Foruma atkarīgais
Antikrists
UWM karma: 51

Foruma atkarīgais
Ken_D
UWM karma: 50

uWEBMEISTARS - weblapu veidošanas platformu pamācību un pakalpojumu interneta vides 'rokasgrāmata' / 2011-2024 - visas tiesības aizsargātas (c) UWM
Mājaslapa izmanto internetā brīvi pieejamus, kā arī pašu radītus materiālus, kuru pārpublicēšanas gadījumā atsauce uz UWM kā avotu ir obligāta!