Windows Start Orb. Süper Ötesi 404 Tasarımları Şekilci Yatay Menü 2 Adet Muhteşem Slider Kodu. CSS3 Ile Dönen Resimler
ツ Son Yorumlar
Taylan M., 'Şekilci Yatay Menü'ye yazdı,
Güzel olmuşda keşke biraz animation efekleri kullansaydın.mesela 1.5 saniye içinde siyaha dönebilirdi.
mKaya, '2 Adet Slider Kodu'na yazdı,
@Taylan Mandacı, Evet haklısın kodlar için.
Taylan M. '2 Adet Slider Kodu'na yazdı,
Güzel Olmuş eski sitendekide güzelde ancak bunlar portfolye için tam ideal.
OzkanTrk, 'MiskinBlog Açıldı'ya yazdı,
Başarılar :).
pReis, 'MiskinBlog Açıldı'ya yazdı,
Başarılar ;).
Toplam 5 yorum gösteriliyor.
Merhabalar, MiskinBlog açıldı ve sizlerden ricamız sitemizi değerlendirip + ve -'lerimizi bize bildirmeniz (: BS'de ki konumuza gitmek için tıklayın.
MiskinBlog - Miskin değilim ben!
Anasayfa
Paylaşılan Konular
MiskinBlogAcildi
2AdetSlider
SekilciYatayMenu
Css3donenresim
SuperOtesi404Tasarimlari
win7win8
yenihayat
Konu Kategorileri
Tema Kategori
Wordpress Temalari
Blogger Temalari
Ekstralar
Yazar Işlemleri
yedekkas
Yeni sayfanın başlığı
Css3donenresim
CSS3 İle Üzerine Gelindiğinde Değişen Resim Kodu.
Yusuf 'Css/Html'e yazdı. 05.01.2015
Gün geçtikçe kullanımı artan CSS ile harikalar yaratılıyor diyebilirim. CSS hakkında fazla bilgisi olmayan arkadaşlar için basit bir kod hazırladım. Hazırladığım kod birçok yerde kullanılan, üzerine gelindiğinde değişen resim kodu ancak ben biraz farklılık kattım. Farklı olmasından kastım efektler ile daha iyi bir hale getirmem. Ben eskiden kullandığım logoları resim olarak kullandım. Siz kodlardan kendiniz değiştirebilir, ön izlemeyi ve kodları aşağıda görebilirsiniz. Güle güle kullanın.
Etiketler : css3, donen resim, harika css, css animation
✎ Kodlar ve Önizleme.
CSS Kodu..
Not: Arkadaşlar Css kodunda ki resimlerin kendi boyutlarını girmelisiniz bunu belirtelim.
.uzerinegelincedegisenresim { width: 236px; height: 64px; background: url(https://img.webme.com/pic/c/chickendemo/42.png); -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .uzerinegelincedegisenresim:hover { width: 236px; height: 67px; background: url(https://img.webme.com/pic/c/chickendemo/42.png); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
HTML Kodu.
✎ Diğer yazılar.
Şekilci Yatay Menü.
Merhabalar, başlangıç olarak hızlı olmak istiyorum ve hemen Css ile başlıyorum, Sitemde kullandığım menüyü bazı kendini bilmiş kişiler sadece kendisinde var olduğunu sanıyor ama maalesef öyle değil bu işler önce onu belirtelim (:.
Muhteşem 2 Adet Slider Kodu.
Merhabalar, bugün siz değerli kullanıcılarımıza açılış olarak güzel 2 adet slider manşet kodu paylaşımı yapmak istiyoruz. TasarimKurdu ve MuradKaya her geçen gün daha da güzel ve kullanışlı kodların paylaşımını yapmaya devam etmektedir
MiskinBlog Açıldı..
Merhabalar, 2 Kişi'nin yönettiği blog sitesi MiskinBlog açıldı, konu devamında site hakkında ve yazarlar hakkında bilgiler alabilir ve yorumlarınızı bırakabilirsiniz, Unutmayın yorum bırakmak parayla değil (:
Daha fazlası yakında.
✍ Yazar hakkında.
Yazar Yusuf hakkında.
Merhaba ben Yusuf, Konya'da yaşıyorum, 7. sınıfa gidiyorum ama okula geç yazıldığım için 7'e gidiyorum (: Şimdilik bu kadar.
Daha fazla bilgi al.
Merhabalar, Bir Yorum'dan zarar gelmez ? O halde bu konuyu yorumlamayı unutma (:
Bu sayfa hakkındaki yorumlar:
Yorumu gönderen: Taylan Mandaci, 05.01.2015, 22:17 (UTC):
Paylaşım için saol
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
Yorumu gönderen: pReis, 05.01.2015, 18:17 (UTC):
YUSUF MU? :O
Bu sayfa hakkında yorum ekle:
İsminiz:
Siteniz:
Mesajın:
Çizen ve Kodlayan mKaya. Designer taKu.
Eğer sitemize yazar olmak isterseniz Sol Menü'den 'Yazar Ol'a tıklayınız. Tüm hakları gizlidir. 2015.
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?