Login
Remember
Register
References
Ranks
Add reference
CSS - Blur img when hover
0
votes
146
views
added
Feb 5, 2020
in
CSS
by
lcjr
First Warrant Officer
(
9,550
points)
img:hover { webkit-filter: blur(4px); /* Chrome, Safari, Opera */ filter: blur(4px); }
css
image
img
hover
Related reference
CSS - Content properties for img
CSS - Button smooth background color transition when hover
CSS animation - floating image with keyframes
CSS - image fit div with object-fit property
CSS - global hover on background property with opacity
How to get CSS :hover state in a jQuery selector?
SASS - floating image animation mixin
Next JS - Populate img
lazacode.org - Malaysia's programming knowledge sharing platform, where everyone can share their finding as reference to others.
All categories
API
(25)
jQuery
(173)
Javascript
(98)
React
(92)
Vue
(25)
Next JS
(10)
JSX
(9)
ES6
(8)
Regex
(6)
PHP
(61)
mySQL
(9)
Drupal
(15)
SCSS
(23)
CSS
(123)
Bootstrap
(22)
Repository
(37)
Software & tools
(38)
Google tools
(27)
Plugins
(13)
Gulp
(9)
NPM
(9)
Node JS
(7)
CMS
(9)
Command-line
(6)
Database
(2)
Domain & hosting
(16)
Elixir
(1)
HTML
(21)
Mobile application
(1)
Networking
(4)
Python
(0)
Server issues
(6)
VM & Remote desktop
(2)
VSCode
(6)
Webpack
(0)
Windows
(9)
XSLT
(5)
Angular JS
(0)
General
(875)
...