Arkplana blur ekleme
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);
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (4)
şö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>
blur verdiğiniz class kapsayici olmaması gerekyiyor.
ö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.