Prueba segunda de hover css - Posible

por **Admin** Miér Ago 08, 2018 9:44 pm

Título de foro

¡Bienvenidos, usuarios! Aquí nos encanta leer y compartir fanfics de todo tipo, sobre anime, videojuegos, de creación propia, poesía, películas, series y más. Para los que gustan desafiarse o entrar en concursos, aquí los hay, cada mes tenemos un concurso para que demuestres tu talento en escritura.
Título de prueba

Código:: <br><center><link href="https://fonts.googleapis.com/css?family=Questrial" rel="stylesheet"><style type="text/css"> .cuadronuev {width: 550px; height: 200px; border: 1px solid #CCCCCC; background-color: #fafafa; display: block; overflow; hidden;} .cuadronuev img {width: 150px; height: 150px; margin: 15px 0px 0px -300px; padding: 0px; border: 8px solid #F0F0F066; box-shadow: 0px 0px 1.1px 0px #d2acac;} a.pt {width: 100px; height: 18px; border-bottom: 1px solid #902121; color: #902121; display: inline-block; margin: 1px; box-shadow: inset 0px 0px 0px 0px #902121; font-family: Oswald; text-align: center; transition: 1s ease-in-out; padding: 1px;} a.pt:hover {box-shadow: inset 0px -30px 0px 0px #902121; color: #ededed; border-bottom: 1px solid #902121;} .cuadronuev p {text-align: justify; font-family: Dosis; font-size: 12px; color: #000000; margin: -135px 0px 0px 190px; width: 220px;} .cuadronuev h2 {width: 190px; font-family: Questrial; font-size: 30px; color: #902121; text-align: center; transition: 1s ease-in-out; text-shadow: 0px 0px brown, 0px 0px #902121; position: absolute; margin: -160px 0px 0px 270px; padding: 3px;} .cuadronuev h2:hover {color: #F1F1F1; text-shadow: 2px 1px 5px brown, -1px -1px #902121;}</style><div class="cuadronuev"><img src="https://i76.servimg.com/u/f76/19/46/26/75/imagen10.jpg"><h2>Título de foro</h2><p>¡Bienvenidos, usuarios! Aquí nos encanta leer y compartir fanfics de todo tipo, sobre anime, videojuegos, de creación propia, poesía, películas, series y más. Para los que gustan desafiarse o entrar en concursos, aquí los hay, cada mes tenemos un concurso para que demuestres tu talento en escritura.<br><a href="#" class="pt">Título de prueba</a></p></div> </center>