Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5
İzm Scrolling Prefixes (Html)
#1
Ufak bir html5 çalışması sizinleden paylaşmak istedim, belki birinizin işine yarar grimace

www.deccal.org

HTML:
PHP Kod:
<span id="main">
  <
span id="scroll">
    <
span class="item">Cyber</span>
    <
span class="item">Sanal</span>
    <
span class="item">Digital</span>
    <
span class="item">Security</span>
    <
span class="item">Cyber</span>
    <
span class="item">Code</span>
    <
span class="item">Alkol</span>
  </
span>
  
izm
</span

CSS:
PHP Kod:
@import url(http://fonts.googleapis.com/css?family=Roboto:500,300,700,100,400);

body {
  
background#222222;
}

#scroll, #main {
  
font-size48px;
  
font-family'Roboto Light'sans-serif;
  
colorwhite;
}

#main {
  
positionabsolute;
  
bottom50%;
  
right50%;
  
transformtranslate(50%, 50%);
}
#main:after {
  
clearboth;
}

#scroll {
  
floatleft;
  
transformtranslate(-100%, 0);
  
margin-right: -100%;
  
height0;
}

#scroll .item {
  
displayblock;
  
text-shadow0 0 8px white-4px 12px white0 4px 12px white-8px 16px white0 8px 16px white;
  
text-alignright;
  
positionrelative;
  
margin0;
}

@
keyframes scrollanim {
  
0% {opacity0top: -128px;}
  
25% {colorrgba(2552552550);}
  
40% {colorrgba(3434341); opacity1;}
  
60% {colorrgba(3434341); opacity1;}
  
75% {colorrgba(2552552550);}
  
100% {opacity0top128px;}


JScript:
PHP Kod:
//alternatively for a non-JS approach: Set the animation and offset for each child manually.

delay 0.1;
duration = $("#scroll .item").length delay;

$(
"#scroll .item").each(function(n) {
  $(
this).css("transform""translateY(-"+(n*100)+"%)");
  $(
this).css("animation""scrollanim "+duration+"s linear -"+(delay*n)+"s infinite");
}); 
Beğenenler: Ayar , iMoGeN , archavin
#2
baya iyimiş bu kiss
Beğenenler:
#3
Guzelmis,alkolizm ne oluyor kiss kiss
"Milletin Eline Vermekten Emekli"  Benim için hacking' bitmiştir.
Aramıza Katılmak - Banlanan üyeler hk. - Heckırlar
Beğenenler:
#4
(25-07-2015, Saat: 19:31)Ayar Adlı Kullanıcıdan Alıntı: Guzelmis,alkolizm ne oluyor kiss kiss

aklıma başka bişey gelmedi prettiness
Beğenenler:
#5
eline sağlık exciting
Beğenenler:
#6
Arada Alkolizm mi geçiyo yok artık illuminati detected ! kiss
Beğenenler:
#7
eline saglik kiss
Beğenenler:

Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Çok Şık Admin Paneli [HTML + CSS] CyberAngel 38 1,357 11-11-2016, Saat: 14:29
Son Yorum: berat00
  Spastik Menü (css,html) HackLock 26 1,917 04-11-2016, Saat: 12:12
Son Yorum: Cesm-i Dil
  Temel HTML Kodları ve Anlamları KingSkrupellos 1 73 27-08-2016, Saat: 09:37
Son Yorum: H4Sec
  Dark Login Panel [HTML] CyberAngel 9 414 22-08-2016, Saat: 23:35
Son Yorum: Slowycan
  HTML Dersi Dark-Capar 4 211 18-02-2016, Saat: 03:40
Son Yorum: By.Jojo
Anahtar Kelimeler

İzm Scrolling Prefixes (Html) indir, İzm Scrolling Prefixes (Html) Videosu, İzm Scrolling Prefixes (Html) Online izle, İzm Scrolling Prefixes (Html) Bedava indir, İzm Scrolling Prefixes (Html) Yükle, İzm Scrolling Prefixes (Html) Hakkında, İzm Scrolling Prefixes (Html) Nedir, İzm Scrolling Prefixes (Html) Free indir, İzm Scrolling Prefixes (Html) Oyunu, İzm Scrolling Prefixes (Html) Download


1 Ziyaretçi