[RUBY] Comment brouiller l'image (super facile)

Facile! Comment brouiller l'image d'arrière-plan

144f999b1a92884d6f066877ca4bb31e.jpg

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