[RUBY] Comment brouiller l'image (super facile)
Facile! Comment brouiller l'image d'arrière-plan
Ajoutez simplement un mot au CSS et c'est OK!
java:index.html.erb
<%= image_tag "star.webp", class:"bgimage" %>
Le nom de classe ci-dessus est votre choix! Vient ensuite CSS !!
○○.css
.bgimage{
filter: blur(5px);
width: 100%;
}
Comme mentionné ci-dessus, ajoutez filter: blur (5px); </ font> et c'est OK!
C'est 5px </ font>, mais vous pouvez régler la profondeur de flou à 1 ou 10 pour pouvoir l'utiliser comme vous le souhaitez!
Si vous définissez la largeur à 100%, la largeur de l'écran sera parfaite, alors n'oubliez pas cela aussi!
C'est tout de la scène!
Recommended Posts