v2.5.2
Giriş yap

Arkplana blur ekleme

birotuz13
594 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);
Cevap yaz
Cevaplar (4)
tayfunerbilen
1247 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>
mustafasever
1247 gün önce

blur verdiğiniz class kapsayici olmaması gerekyiyor.

birotuz13
1248 gün önce

denedim fakat işe yaramıyor maalesef

makifgokce
1248 gün önce

önde durmasını istediğin yere z-index: 2; değeri ver.ben örnek olsun diye 2 yazdım daha yüksek birşeyde yazabilirsin.