fallo con el css y html
-
Hola buenas, quiero usar el estilo css siguiente:
.photo{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
}
.photo img{
width: 200px;
height: 280px;
object-fit: cover;box-shadow: 10px 15px 25px 0 rgba(0,0,0,.2);
display: block;
transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
margin-top: -10px;
}
.photo:hover img{
box-shadow: 1px 1px 10px 0 rgba(0,0,0,.1);
}
.photo .glow-wrap{
overflow: hidden;
position: absolute;
width: 100%;
height: 100%;
top: 0;
margin-top: -10px;
}
.photo .glow{
display: block;
position:absolute;
width: 40%;
height: 200%;
background: rgba(255,255,255,.2);
top: 0;
filter: blur(5px);
transform: rotate(45deg) translate(-450%, 0);
transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.photo:hover .glow{
transform: rotate(45deg) translate(450%, 0);
transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.photo:hover img,
.photo:hover .glow-wrap{
margin-top: 0;
}Esta puesto en este html:
[…]
pero cuando lo copio en mi web se me duplica el apartado html del #.
tan solo quiero poner el estilo(CSS) en mis imágenes de wordpress pero no se que clases o como cambiarlo ya que en wordpres al añadir una imagen me sale así:
[…]
Si me pudiesen ayudar sería de gran ayuda porque me estoy volviendo loco. -
-
Buenos días.
¿Cuál es la dirección completa (https://…) del sitio web al que haces referencia?Ten presente que en este foro solo damos soporte a sitios o blogs alojados en WordPress.com y no damos soporte a sitios autoalojados en hostings contratados.
-
vale he conseguido arreglarlo pero me sale la imagen en mitad de la pantalla por encima del menú y la cabecera, podrían decirme como puedo hacer para que me salga en su sitio y siga siendo responsive? muchas gracias
-
Hola de nuevo.
No te podemos ayudar si tu sitio web no está alojado aquí en WordPress.com (no has respondido la pregunta que te hice en mi respuesta anterior).En este foro solo damos soporte a sitios alojados aquí y no damos soporte a sitios autoalojados en hostings contratados o en local.
Tienes más información aquí, en el punto 1:
https://wordpress.com/es/forums/topic/mensaje-importante-leer-antes-de-utilizar-los-foros-1/ -
-
hago la página en wordpress si
Si no nos dices la dirección (https://…) y dónde está alojada tu página, no te podemos ayudar, lo siento.
Te reitero la información:
En este foro solo damos soporte a sitios alojados aquí y no damos soporte a sitios autoalojados en hostings contratados o en local.
Tienes más información aquí, en el punto 1:
https://wordpress.com/es/forums/topic/mensaje-importante-leer-antes-de-utilizar-los-foros-1/y aquí:
https://wordpress.com/es/support/com-vs-org/Por favor lee los artículos que te enlacé.
- El debate ‘fallo con el css y html’ está cerrado y no admite más respuestas.