Arkplana blur ekleme

birotuz13 1278 gün önce

600 defa görüntülendi ve 1 kişi tarafından değerlendirildi

Ne zaman blur eklemek istesem blur ekranda ne varsa onu kaplıyor, ben arkaplana eklemek istiyorum

alttakini eklediğimde üstte dediğim şey oluyor

    filter: blur(8px);
    -webkit-filter: blur(8px);

css

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevaplar (4)

tayfunerbilen

1278 gün önce

şöyle bir örnek verebilirim

<div class="cover">
	<div class="backdrop" style="background-image: url(https://www.themoviedb.org/t/p/original/kfhvcdHZbsUUlf7wQfQremkQHYc.jpg)"></div>
	<h3>The Outlander</h3>
</div>

<style>
    .cover {
    	width: 400px;
    	height: 200px;
    	position: relative;
    	z-index: 1;
    	overflow: hidden;
    }
    
    .cover .backdrop {
    	content: '';
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
    	filter: blur(5px);
    	z-index: -1;
    	backgrouns-zie: cover;
    	background-position: center;
    }
</style>

#006028