Foros del Web » Creando para Internet » CSS »

Aplicar efecto con CSS

Estas en el tema de Aplicar efecto con CSS en el foro de CSS en Foros del Web. Hola, estoy queriendo hacer este efecto en CSS similar al que se muestra en el sitio: http://themes-demo.com/malar/ Tengo una imagen de fondo y he aplicado ...
  #1 (permalink)  
Antiguo 23/08/2018, 13:47
 
Fecha de Ingreso: agosto-2005
Mensajes: 97
Antigüedad: 19 años, 3 meses
Puntos: 1
Aplicar efecto con CSS

Hola,

estoy queriendo hacer este efecto en CSS similar al que se muestra en el sitio:
http://themes-demo.com/malar/

Tengo una imagen de fondo y he aplicado este codigo css:

::before{
background-color: rgba(0, 0, 0, 0.5);
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: block;
z-index: 9;

}

el problema es que no puedo aplicar el mismo efecto que se hace en ese sitio cuando se pone el mouse sobre la imagen en el sector que muestro en la captura de pantalla que esta abajo, no me sale hacer el efecto, alguien me puede ayudar?, gracias:

https://imageshack.us/i/pofOPodLp
  #2 (permalink)  
Antiguo 23/08/2018, 17:45
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 9 meses
Puntos: 1146
Respuesta: Aplicar efecto con CSS

Un efecto bastante bonito para los botones, quiero ver que lo intentes echale ganas.

Como pista, el secreto esta en la propiedad transiton y los pseudo elementos after y before.

Checa y estudia el código de dicho sitio, alli esta todo.

Etiquetas: efectos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:14.