Código de CSS - Efecto Blur con CSS Compatible

Pos: 3

Val: 571

Ha mantenido su posición en CSS (en relación al último mes)

Efecto Blur con CSS Compatible

CSS

(3)

Actualizado el 18 de Marzo del 2018 por Scriptshow (141 códigos) (Publicado el 16 de Marzo del 2018)

5.357 visualizaciones desde el 16 de Marzo del 2018

Código en CSS Style para generar un efecto Blur compatible con la mayoría de navegadores web. Al pasar el cursor por el objeto, elemento, etc. se puede apreciar el efecto Blur.

Un saludo

imagen-normal

Requerimientos

Un navegador web y/o dispositivo compatible.

1.0
(3)

Publicado el 16 de Marzo del 2018

gráfica de visualizaciones de la versión: 1.0

5.358 visualizaciones desde el 16 de Marzo del 2018

Versión 1.0

<!DOCTYPE html>

<html>

<head>

<meta name="viewport" content="width=device-width">

<style>

img.blur {

width:480px;

height:auto;

-webkit-filter:blur(4px);

filter:blur(4px);

filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='4');

img.blur:hover {

-webkit-filter:blur(0px);

filter:blur(0px);

filter:none;

filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');

</style>

</head>

<body>

<img src="imagen.jpg" class="blur">

</body>

</html>

Comentarios sobre la versión: 1.0 (3)

Carlos Luis

16 de Marzo del 2018

Muy buen aporte estimad amigo. Muchas gracias!

Responder

xve

16 de Marzo del 2018

Que bueno!!!

Responder

miguel

16 de Marzo del 2018

No ha dejado ningún comentario

Responder

Comentar la versión: 1.0

http://lwp-l.com/s4486

Ejemplo de los diferentes filter de CSS sobre una imágen

Poner un icono dentro de un cuadro de texto

Código de CSS - Efecto Blur con CSS Compatible

Requerimientos

1.0(3)

Comentarios sobre la versión: 1.0 (3)

Comentar la versión: 1.0

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

1.0
(3)