WebKit Görüntü Geçişi

cngzkyz

cngzkyz

Müdavim
Müdavim
Katılım
28 Temmuz 2012
Mesajlar
2,855
Reaksiyon puanı
276
Puanları
263
Konum
İstanbul
Kod: 
[COLOR=#000000][FONT=Inconsolata]<[/FONT][/COLOR][COLOR=#AA00BB][FONT=Inconsolata]div [/FONT][/COLOR][COLOR=#0000FF][FONT=Inconsolata]id[/FONT][/COLOR][COLOR=#000000][FONT=Inconsolata]=[/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]"goruntu"[/FONT][/COLOR][COLOR=#000000][FONT=Inconsolata]>[/FONT][/COLOR]
[COLOR=#000000][FONT=Inconsolata]<[/FONT][/COLOR][COLOR=#AA00BB][FONT=Inconsolata]div[/FONT][/COLOR][COLOR=#000000][FONT=Inconsolata]>[/FONT][/COLOR][COLOR=#000000][FONT=Inconsolata]<[/FONT][/COLOR][COLOR=#AA00BB][FONT=Inconsolata]img [/FONT][/COLOR][COLOR=#0000FF][FONT=Inconsolata]src[/FONT][/COLOR][COLOR=#000000][FONT=Inconsolata]=[/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]"resim1" [/FONT][/COLOR][COLOR=#0000FF][FONT=Inconsolata]alt[/FONT][/COLOR][COLOR=#000000][FONT=Inconsolata]=[/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]""[/FONT][/COLOR][COLOR=#000000][FONT=Inconsolata]>[/FONT][/COLOR][COLOR=#000000][FONT=Inconsolata]</[/FONT][/COLOR][COLOR=#AA00BB][FONT=Inconsolata]div[/FONT][/COLOR][COLOR=#000000][FONT=Inconsolata]>[/FONT][/COLOR]
[COLOR=#000000][FONT=Inconsolata]<[/FONT][/COLOR][COLOR=#AA00BB][FONT=Inconsolata]div[/FONT][/COLOR][COLOR=#000000][FONT=Inconsolata]>[/FONT][/COLOR][COLOR=#000000][FONT=Inconsolata]<[/FONT][/COLOR][COLOR=#AA00BB][FONT=Inconsolata]img [/FONT][/COLOR][COLOR=#0000FF][FONT=Inconsolata]src[/FONT][/COLOR][COLOR=#000000][FONT=Inconsolata]=[/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]"resim2" [/FONT][/COLOR][COLOR=#0000FF][FONT=Inconsolata]alt[/FONT][/COLOR][COLOR=#000000][FONT=Inconsolata]=[/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]""[/FONT][/COLOR][COLOR=#000000][FONT=Inconsolata]>[/FONT][/COLOR][COLOR=#000000][FONT=Inconsolata]</[/FONT][/COLOR][COLOR=#AA00BB][FONT=Inconsolata]div[/FONT][/COLOR][COLOR=#000000][FONT=Inconsolata]>[/FONT][/COLOR]
[COLOR=#000000][FONT=Inconsolata]</[/FONT][/COLOR][COLOR=#AA00BB][FONT=Inconsolata]div[/FONT][/COLOR][COLOR=#000000][FONT=Inconsolata]>[/FONT][/COLOR][COLOR=#000000][FONT=Inconsolata]&#8203;[/FONT][/COLOR]

Kod: 
[COLOR=black][FONT=Inconsolata]#goruntu [/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]{[/FONT][/COLOR]
[COLOR=black][FONT=Inconsolata]width[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]: [/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]800px[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata];[/FONT][/COLOR]
[COLOR=black][FONT=Inconsolata]height[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]: [/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]300px[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata];[/FONT][/COLOR]
[COLOR=black][FONT=Inconsolata]position[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]: [/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata]relative[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata];[/FONT][/COLOR]
[COLOR=black][FONT=Inconsolata]border[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]: [/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]8px [/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata]solid [/FONT][/COLOR][COLOR=#004499][FONT=Inconsolata]#eee[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata];[/FONT][/COLOR]
[COLOR=black][FONT=Inconsolata]-webkit-box-shadow[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]: [/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]1px [/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]1px [/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]3px [/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata]rgba[/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata](0[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata],[/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]0[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata],[/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]0[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata],[/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]0.75[/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata])[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata];[/FONT][/COLOR]
[COLOR=#666666][FONT=Inconsolata]}[/FONT][/COLOR]

[COLOR=black][FONT=Inconsolata]#goruntu [/FONT][/COLOR][COLOR=black][FONT=Inconsolata]div [/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]{[/FONT][/COLOR]
[COLOR=black][FONT=Inconsolata]position[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]: [/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata]absolute[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata];[/FONT][/COLOR]
[COLOR=#666666][FONT=Inconsolata]}[/FONT][/COLOR]

[COLOR=black][FONT=Inconsolata]#goruntu [/FONT][/COLOR][COLOR=black][FONT=Inconsolata]div[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]:[/FONT][/COLOR][COLOR=black][FONT=Inconsolata]nth-child[/FONT][/COLOR][COLOR=black][FONT=Inconsolata](2[/FONT][/COLOR][COLOR=black][FONT=Inconsolata]) [/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]{[/FONT][/COLOR]
[COLOR=black][FONT=Inconsolata]-webkit-animation[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]: [/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata]wipe [/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]6s [/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata]infinite[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata];[/FONT][/COLOR]
[COLOR=black][FONT=Inconsolata]-webkit-animation-delay[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]: [/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]3s[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata];[/FONT][/COLOR]
[COLOR=black][FONT=Inconsolata]-webkit-animation-direction[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]: [/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata]alternate[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata];[/FONT][/COLOR]
[COLOR=black][FONT=Inconsolata]-webkit-mask-size[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]: [/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]2000px [/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]2000px[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata];[/FONT][/COLOR]
[COLOR=black][FONT=Inconsolata]-webkit-mask-image[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]: [/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata]-webkit-gradient[/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata](linear[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata], [/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata]left [/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata]top[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata], [/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata]right [/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata]bottom[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata], [/FONT][/COLOR]
[COLOR=#770088][FONT=Inconsolata]color-stop[/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata](0[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata].[/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]00[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata],  [/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata]rgba[/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata](0[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata],[/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]0[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata],[/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]0[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata],[/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]1[/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata])[/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata])[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata],[/FONT][/COLOR]
[COLOR=#770088][FONT=Inconsolata]color-stop[/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata](0[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata].[/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]45[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata],  [/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata]rgba[/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata](0[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata],[/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]0[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata],[/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]0[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata],[/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]1[/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata])[/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata])[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata],[/FONT][/COLOR]
[COLOR=#770088][FONT=Inconsolata]color-stop[/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata](0[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata].[/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]50[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata],  [/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata]rgba[/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata](0[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata],[/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]0[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata],[/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]0[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata],[/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]0[/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata])[/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata])[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata],[/FONT][/COLOR]
[COLOR=#770088][FONT=Inconsolata]color-stop[/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata](0[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata].[/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]55[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata],  [/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata]rgba[/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata](0[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata],[/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]0[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata],[/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]0[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata],[/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]0[/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata])[/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata])[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata],[/FONT][/COLOR]
[COLOR=#770088][FONT=Inconsolata]color-stop[/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata](1[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata].[/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]00[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata],  [/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata]rgba[/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata](0[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata],[/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]0[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata],[/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]0[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata],[/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]0[/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata])[/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata])[/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata])[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata];[/FONT][/COLOR]
[COLOR=#666666][FONT=Inconsolata]}[/FONT][/COLOR]

[COLOR=#770088][FONT=Inconsolata]@[/FONT][/COLOR][COLOR=black][FONT=Inconsolata]-webkit-keyframes [/FONT][/COLOR][COLOR=black][FONT=Inconsolata]wipe [/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]{[/FONT][/COLOR]
[COLOR=#228811][FONT=Inconsolata]0% [/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]{[/FONT][/COLOR]
[COLOR=#770088][FONT=Inconsolata]-webkit-mask-position[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]: [/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]0 [/FONT][/COLOR][COLOR=#228811][FONT=Inconsolata]0[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata];[/FONT][/COLOR]
[COLOR=#666666][FONT=Inconsolata]}[/FONT][/COLOR]
[COLOR=#228811][FONT=Inconsolata]100% [/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]{[/FONT][/COLOR]
[COLOR=black][FONT=Inconsolata]-webkit-mask-position[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]: [/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata]-1200px [/FONT][/COLOR][COLOR=#770088][FONT=Inconsolata]-1200px[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata];[/FONT][/COLOR]
[COLOR=#666666][FONT=Inconsolata]}[/FONT][/COLOR]
[COLOR=#666666][FONT=Inconsolata]}[/FONT][/COLOR][COLOR=#666666][FONT=Inconsolata]&#8203;[/FONT][/COLOR]

Sonuç: http://jsfiddle.net/cngzkyz/PuZGK/1/embedded/result/
 
S

SDN Okuru

SDN Okuru
Heee çok iyi anladım. Allah razı olsun. Yorumlar o kadar açıklayıcı ki hemen anlayıverdim ordaki kodların ne iş yaptığını. İçinden gelmiyosa yapma birader.
 
Cevap yazmak için kayıt ol veya giriş yap

Benzer konular

Gece baykuşu
Soru Div içindeki resmin CSS object özelliği verildikten sonra üst kısmının gözükmemesi
Cevaplar
5
Görüntüleme
2K
Senior_53
S
Gece baykuşu
Yardım Container Div Yükseklik Verince Flex Oln Divler Arası Boşluk Artması
Cevaplar
2
Görüntüleme
1K
Gece baykuşu
Gece baykuşu
M
Php Bu Kodlara Nasıl Sayfalama Uygulayabilirim
Cevaplar
0
Görüntüleme
960
mali2012
M
M
Php Aynı Başlıkların Listelenmesini Nasıl Önleyebilirim
Cevaplar
0
Görüntüleme
927
mali2012
M
S
Basit Sade Bir Site Lazım. Bedava Yapabilecek Var mı?
Cevaplar
0
Görüntüleme
532
SDN Anonim 636441
S

SDN Haberleri

Son mesajlar

Üst