Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5
I Love You Css Efekt
#1
Bir süredir cok fazla online olamıyordum malum okull bitti ufak bir tatik yaptık, şimdi kaldığımız yerden devam..
Sizler için ufak bir calışma yaptım exciting


www.deccal.org

www.deccal.org

Css:
Kod:
<div class="wrapper">
  <input type="checkbox" id="ck1"/>
  <label for="ck1">I</label>
  <input type="checkbox" id="ck2"/>
  <label for="ck2">love</label>
  <input type="checkbox" id="ck3"/>
  <label for="ck3">you</label>
</div>

<span>(I love cyberizm)</span>

Html:
Kod:
@import url(http://fonts.googleapis.com/css?family=Shadows+Into+Light);

html {
  display: table;
  width: 100%; height: 100%;
  table-layout: fixed;
}

body {
  display: table-cell;
  width: 100%; height: 100%;
  vertical-align: middle;
  font-family: 'Shadows Into Light';
  color: #111;
}

.wrapper {
  width: 500px; height: 500px;
  position: relative;
  margin: 0 auto;
}

input[type="checkbox"] {
  display: none;
}

input[type="checkbox"] + label {
  width: 100px; height: 100px;
  line-height: 100px;
  display: inline-block;
  position: absolute;
  text-align: center;
  font-size: 100px;
  transition: all 1s ease;
}

label {
  text-shadow: 8px 8px 30px rgba(0,0,0,0.5);
}
  label:hover {
    color: #c32a2a;
    cursor: pointer;
  }

#ck1 + label,
#ck2 + label {
  border-radius: 50px;
  top: 0;
}

#ck1:checked + label,
#ck2:checked + label,
#ck3:checked + label {
  background: #c32a2a;
  font-size: 0;
  transition: all 1s ease;
}

#ck1:checked + label,
#ck2:checked + label {
  width: 300px; height: 300px;
  border-radius: 150px;
  line-height: 300px;
}

#ck1 + label {
  left: 0;
}

#ck2 + label {
  right: 0;
}

#ck3 + label {
  bottom: 0; left: 50%;
  margin: 0 -50px;
}
  #ck3:checked + label {
    width: 275px; height: 275px;
    bottom: 96px; left: 162px;
    transform: rotate(45deg);
    line-height: 27px;
  }

span {
  display: inline-block;
  text-align: center;
  position: absolute;
  bottom: 10px; left: 50%;
  margin-left: -100px;
  width: 200px;
  font-size: 24px;
  color: #999;
}
www.deccal.org
Beğenenler: Stallk3r , '[D3F@C4R]
#2
Ellerine sağlık abla exciting
En büyük acizlik,kendinden başkası gibi görünmektir.
Beğenenler:
#3
eline sağlık fena değil exciting
İnsɑnlɑr değişmez değişen tek şey şɑrtlɑr ve çıkɑrlɑr...
Beğenenler:
#4
Bayanın Farkı ya melisa sende olmasan erkek oldugumuzu unutacagız.
Beğenenler:
#5
eline sağlık abla
Beğenenler:
#6
Eline Saglık Bayaan exciting
Beğenenler:

Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Love Turkey My Darling İndex r00tturk 6 232 15-12-2015, Saat: 21:04
Son Yorum: archavin
  Css3 Efekt Kütüphanesi D4RKG1RL 7 724 07-01-2015, Saat: 16:10
Son Yorum: Karolinax
Anahtar Kelimeler

I Love You Css Efekt indir, I Love You Css Efekt Videosu, I Love You Css Efekt Online izle, I Love You Css Efekt Bedava indir, I Love You Css Efekt Yükle, I Love You Css Efekt Hakkında, I Love You Css Efekt Nedir, I Love You Css Efekt Free indir, I Love You Css Efekt Oyunu, I Love You Css Efekt Download


1 Ziyaretçi