Vurgulanacak Web Sayfası Öğesine Glow Ekleme
Web sayfanızdaki bir öğeye eklenen yumuşak bir dış ışık, öğenin görüntüleyiciye karşı çıkmasına neden olur. Önemli bir nesnenin dış kenarlarına parlaklık uygulamak için CSS3 ve HTML'yi kullanın. Efekt, Photoshop'ta bir nesneye eklenen dış parıltıya benzer.
İlk olarak Glow'a Öğe Oluşturun
Parlaklık efektleri herhangi bir renk arka planında yapılabilir, ancak bunlar koyu arka plan üzerinde daha iyi görünürler, çünkü daha sonra parlaklık daha fazla parıldamaya başlar. Bu yuvarlak köşeli dikdörtgen kutu örneğinde, bir DIV elemanı siyah bir arka plana sahip başka bir DIV öğesine yerleştirilmiştir. Dış DIV, parıltı için gerekli değildir, ancak beyaz bir arka plandaki ışıltıyı görmek zordur.
DIV'ye bir kızdırma sınıfı verin:
Öğenin Boyutunu ve Rengi Ayarlayın
Öğeyi seçtikten sonra bir parıltıyla süslemek için gideceksiniz, devam edin ve arka plan rengi, boyutu ve yazı tipi gibi istediğiniz stiller ekleyin . Bu örnek mavi bir dikdörtgendir; boyut 90 piksele göre 147 piksele ayarlanır; ve arka plan rengi # 1f5afe, bir kraliyet mavisi olarak ayarlanır. Öğeyi siyah kap elemanının ortasına yerleştirmek için bir kenar boşluğu içerir.