Login
Remember
Register
References
Ranks
Add reference
CSS - Blur img when hover
0
votes
226
views
added
Feb 5, 2020
in
CSS
by
lcjr
First Warrant Officer
(
11,990
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?
CSS - justify img for dimension with object-fit:cover
SASS - floating image animation mixin
lazacode.org - Malaysia's programming knowledge sharing platform, where everyone can share their finding as reference to others.
All categories
API
(35)
React
(148)
Javascript
(99)
Next JS
(10)
jQuery
(176)
CSS
(140)
SCSS
(23)
UI design
(1)
Vue
(25)
JSX
(10)
ES6
(8)
Regex
(6)
PHP
(61)
mySQL
(9)
Drupal
(15)
Bootstrap
(22)
Repository
(37)
Software & tools
(38)
Google tools
(28)
Plugins
(13)
Gulp
(9)
NPM
(9)
Node JS
(7)
CMS
(9)
Command-line
(7)
Database
(2)
Domain & hosting
(16)
Elixir
(1)
HTML
(21)
Networking
(4)
Python
(0)
Server issues
(9)
VM & Remote desktop
(2)
VSCode
(6)
Windows
(10)
XSLT
(5)
General
(868)
...