LÜTFEN BEKLEYİN
Bu websitesi siz ziyaretçilere daha iyi bir web deneyimi sunabilmek amacıyla çerez denilen depolama yapılarını kullanır. Siteyi kullanarak ilgili verilerin depolanmasını ve işlenmesini kabul etmiş olursunuz. Detaylı bilgi için Kullanım Şartları, Gizlilik ve Çerez Politikası sayfalarını inceleyebilirsiniz.
Dili Değiştir (İçerik farklı olabilir) :
MENU ARAMA
Ana Sayfa \ Çözümler \ Soru-Cevap \ Tasarım \ Css

CSS İLE NESNELERE PARLAMA (GLOW) EFEKTİ VERMEK

Yayınlanma Tarihi : 26 Temmuz 2020 - 16:46
Son Güncelleme : 26 Temmuz 2020 - 17:21

Bir html elemanına nasıl parlama efekti verilir?

Bunun için text-shadow ve box-shadow özellikleri kullanılabilir. text-shadow özelliği metinlere, box-shadow ise div, table ve img gibi html elemanlarına uygulanır. Aşağıda bu iki özelliğin kullanıldığı örneği inceleyebilirsiniz.

/* h1 elemanına uygulanan text-shadow (metin-gölgelendirme) özelliği. */
/* text-shadow özelliğinin ilk parametresi gölgelendirmenin html elemanının ne kadar sağına, ikinci parametre de ne kadar aşağısına kayacağını belirtir. Üçüncü parametre verilecek gölgenin ne kadar yayılacağını (genişliğini), dördüncü parametre ise verilecek gölgenin rengini belirtir. */
/* 5px genişliğinde altın (gold) renkli, elementin tam ortasına (kaydırılmadan) uygulanmış gölgelendirme (parlama) efekti. */
h1 {
text-shadow: 0px 0px 5px gold;
}
/* "resim" id'li img elemanına uygulanan box-shadow (kutu-gölgelendirme) özelliği. */
/* 5px sağa, 10px aşağı kaydırılmış, 10px genişliğinde fıstık yeşili renkli gölgelendirme (parlama) efekti. */
img#resim {
box-shadow: 5px 10px 10px yellowgreen;
}

css metin gölgelendirme (text-shadow) ve kutu (resim) gölgelendirme (box-shadow) ile parlama efekti.

18
1 (5 %)
Bu çözüm sevdiklerinizin de uzun süredir aradığı bir gönderi olabilir. Paylaşarak onları mutlu edebilirsiniz.
YORUMLAR 0
Henüz yorum yapılmamış. Aşağıdaki formu kullanarak ilk yorumu siz yapın.

YORUM YAZ

Konuyla ilgili düşüncelerinizi paylaşarak siz de katkıda bulunabilirsiniz.
Adınız
Avatar
Değiştir
Varsayılanı Geri YükleKapat (X)

E-Posta (Yayınlanmayacak, sadece yorumunuz yayınlandığında veya cevaplandığında bildirim alacaksınız.)
Website (İsteğe Bağlı)
Yorumunuz
Profiliniz bu tarayıcı için otomatik olarak kaydedilecektir.
HIZLI ERİŞİM


ÖNE ÇIKANLAR

SON MAKALELER
ÇOK BEĞENİLENLER
ÇOK YORUMLANANLAR
HABER
İNCELEME
DİJİTAL PAZARLAMA
TASARIM

HTML
CSS
PHOTOSHOP
PROGRAMLAMA

C#
JAVASCRIPT/JQUERY
.NET MVC
SQL
FLIGHT SIMULATOR

FLIGHT SIMULATOR X (FSX)
FLIGHT SIMULATOR 2020
HAYATTAN NOTLAR

FUTBOL
SEYAHAT
ÇÖZÜM MERKEZİ

TÜM ÇÖZÜMLER
TASARIM
YAZILIM
VERİTABANI
DONANIM
WINDOWS
OFİS
WEB
DİJİTAL PAZARLAMA
BİLGİ

HAKKIMDA
İLETİŞİM


Kaan Çamur MERHABA, BEN KAAN ÇAMUR. BİLGİSAYARLAR VE DİJİTAL TEKNOLOJİLER ÜZERİNDE ÇEŞİTLİ UZMANLIKLARIM BULUNMAKTADIR. BAŞTA BU ALANLAR OLMAK ÜZERE BİRÇOK KONUDA EDİNDİĞİM BİLGİ VE TECRÜBELERİ SİZLERLE PAYLAŞMAK AMACIYLA DİJİTAL DÜNYADAKİ BU EVİMİ İNŞA ETTİM. İNANIYORUM Kİ BURADA İŞİNİZE YARAYACAK VE SİZİ MUTLU EDECEK BİRÇOK İÇERİK BULACAKSINIZ. SİZ MUTLU OLURSANIZ BEN DE OLURUM, BU YÜZDEN BANA MUTLU OLDUĞUNUZU BİLDİRİN. :-)
YENİ GÖNDERİLERDEN HABERDAR OLMAK İSTER MİSİNİZ?
E-POSTA  :  
VEYA TAKİP EDİN

COPYRIGHT © 2020 KAAN ÇAMUR. TÜM HAKLARI SAKLIDIR.

BU WEB SİTESİNDEKİ TÜM MATERYAL VE GÖNDERİLER TELİF HAKKI KANUNLARINCA KORUMA ALTINDADIR.

KULLANIM ŞARTLARIGİZLİLİKÇEREZ POLİTİKASIİLETİŞİM