Revelar el texto del spoiler al pasar el ratón-InvisiText. CSS
| Autor: | kiedtl |
|---|---|
| Views Total: | 88 |
| Sitio oficial: | Ir a la web |
| Actualizado: | March 25, 2019 |
| Licencia: | MIT |
Vista prévia
Descripción
InvisiText. CSS es una solución CSS pura a spoiler Text que permite al visitante revelar cualquier texto al pasar el ratón.
Funcionamiento
Importe la hoja de estilo InvisiText. CSS a su proyecto.
<link href="invisi-text.min.css" rel="stylesheet">
Envuelva el texto del spoiler en una etiqueta de de tinta y especifique el efecto revelar/ocultar en el atributo de tipo de datos :
- Sharp-Hover: Efectos básicos de Show/Hide.
- Ease-in: Con un efecto de aceleración.
- borrosa: Con un efecto de desenfoque.
- Redacted: Con un efecto de censura.
<ink data-type="sharp-hover">Spoilers</ink> <ink data-type="ease-in">Spoilers</ink> <ink data-type="blurred">Spoilers</ink> <ink data-type="redacted">Spoilers</ink>
Añada un borde como subrayado al texto del spoiler:
<ink data-type="sharp-hover" data-border="solid"> Spoilers </ink>
