+ 1

How to blur image in html?

17th Jul 2018, 6:44 AM
Min Pyae Sone
Min Pyae Sone - avatar
8 odpowiedzi
+ 7
few more filters to play with , the css for any used filter will be in the bottom https://code.sololearn.com/WtmaPIKZl5RL/?ref=app
17th Jul 2018, 7:47 AM
Morpheus
Morpheus - avatar
+ 6
Hello, Min Pyae Sone ! learn, use the search for lessons and then you will understand everything yourself. Good luck with programming on SoloLearn! https://www.sololearn.com/learn/6898/?ref=app
17th Jul 2018, 7:38 AM
Alexander Sokolov
Alexander Sokolov - avatar
+ 5
✔if you Run code on safari then -webkit-filter <img src='https://api.sololearn.com/Uploads/Avatars/4714357.jpg'> <style> img{ -webkit-filter:blur(3px); filter:blur(3px); </style>
17th Jul 2018, 7:13 AM
Sudarshan Rai
Sudarshan Rai - avatar
17th Jul 2018, 7:22 AM
Calviղ
Calviղ - avatar
+ 5
Min Pyae Sone hi, for putting anything over anything is called overlaying. 4 ingredients of overlaying are 1. position: relative for container or wrapper div/IMG etc, Ur case image 2. position : absolute for the thing that goes on top, in your case text div 3. z-index : greater than container, for the text, in it case greater than image 4. top, bottom, left, right - set the position for your text over imag blur is very easy , some more discussion here https://stackoverflow.com/questions/44708432/how-to-blur-an-image-while-showing-text-over-it-hover-with-css
17th Jul 2018, 8:01 AM
Morpheus
Morpheus - avatar
+ 2
Thanks!
17th Jul 2018, 7:14 AM
Min Pyae Sone
Min Pyae Sone - avatar
+ 1
sir How can i edit back ground image width height blur etc... I want to text on blur image
17th Jul 2018, 7:47 AM
Min Pyae Sone
Min Pyae Sone - avatar
+ 1
few more filters to play with , the css for any used filter will be in the bottom https://code.sololearn.com/WtmaPIKZl5RL/?ref=app #crd xP
17th Jul 2018, 8:26 PM
Pyae Thant Twal Tar
Pyae Thant Twal Tar - avatar