How to blur an image (super easy)

Easy! How to blur the background image

144f999b1a92884d6f066877ca4bb31e.jpg

Just add a word to your CSS and you're good to go!

java:index.html.erb


<%= image_tag "star.webp", class:"bgimage" %>

The above class name is your choice! Next is CSS !!

○○.css


.bgimage{
  filter: blur(5px);
  width: 100%;
}

As mentioned above, add filter: blur (5px); </ font> and it's OK!

It is 5px </ font>, but you can adjust the blur depth to 1 or 10 so you can use it as you like!

If you set the width to 100%, the screen width will be perfect, so don't forget this too!

That's all from the scene!

Recommended Posts

How to mock a super method call in PowerMock
[Rails 6] How to set a background image in Rails [CSS]
How to judge the click of any area of the image
How to pass image pixel information natively from Unity
[Linux] Easy commentary! How to check and change permissions
How to use GitHub for super beginners (team development)
How to use java.util.logging
How to use map
How to use collection_select
How to use Twitter4J
How to use active_hash! !!
How to install Docker
How to use MapStruct
How to use TreeSet
[How to use label]
How to make shaded-jar
How to use identity
How to use hashes
How to write Mockito
Groovy super easy introduction
How to install MySQL
How to write migrationfile
How to build android-midi-lib
How to use Dozer.mapper
How to use Gradle
How to use org.immutables
How to use java.util.stream.Collector
How to use VisualVM
How to use Map
Easy to maintain FizzBuzz
How to type backslash \
How to concatenate strings
[Swift] Table View Cell, how to jump to an external URL
How to change a string in an array to a number in Ruby
[Easy] How to automatically format Ruby erb file with vsCode
How to retrieve the hash value in an array in Ruby