CSS

CSS ile blur efekti

CSS ile artık photoshopta kullanılan çoğu özelliği bize kullanabilme imkanı sağlıyor. Bu özelliklerden biriside blur efekti. Örneğin bir resime blur efekti vermek istiyorsunuz. Bunu CSS’te filter:blur(deger) özelliği ile yapabiliriz.

Bir örnek ile açıklayacak olursak;

img {
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
}

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir