Yuvarlak köşeli div

0
235
Görüntülenme

circle

Son zamanlarda  bir çok  popüler  site  tarafından kullanılmaya başlanan daire  şeklindeki  tasarımlar gerçektende  site  görüntüsüne  farklı  bir görünüm kazandırmayı  başarabiliyor.  Hemen  hemen her  tasarımcının da  dikkat çektiği  bir  tasarım örneğidir  daire şeklindeki tasarımlar. Bu sefer  sizlerle paylaşacağım  Css3  örneği mükemmel özelliklere sahip  olmasada  sitenizin görüntüsünü  çok farklı  kılacak bir  örnek.

Paul Demers tarafından hazırlanmış olan basit  ve kullanımıda  bir o kadar  kolay olan Css3  örneğinde  border radius kullanılarak  resimlere  daire biçiminde  bir  görüntü kazandırılmış.  Demo  sayfası  ilk açıldığında  bütün resimler  siyah  beyaz bir görüntüye  sahip. Normalde  hepside  renkli renkli  resimler olmasına  rağmen  siyah beyaz  olarak görünmesinin sebebi  resimler üzerinde Css3 grey scale  kullanılmış olmasıdır. Tabi mouse  ile üzerine  geldiğiniz  resimlerde  grey scale  devre dışı  kalıyor  ve orjinal  renkli  resim görüntüleniyor  tarayıcı üzerinde.

 Kullanım

  • Head etiketleri arasına eklemeniz gereken bölüm.

Css : 

  •  Body etiketleri arasına eklemeniz gereken bölüm.

Html : 

 

Aranan Kelimeler:

  • ali kayan slayt hakkında bilgiler
  • yuvarlak resim çerçeveleri
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...
Önceki İçerikDestaque.js
Sonraki İçerikColorful social buttons
1983 doğumlu, olmayan bir çocuk babası, espirili ve kendini cana yakın zanneden biri işte. Daha ne olsun ?
Paylaş

CEVAP VER

Lütfen yorumunuzu yazın.
Lütfen İsminizi bu alana yazın.