Biblioteca de información sobre herramientas HTML simple-HTML-sugerencia

Tiempo de ejecución: 30 minutos. Empezar

Autor: istarkov
Views Total: 2,055
Sitio oficial: Ir a la web
Actualizado: June 25, 2015
Licencia: MIT

Vista prévia

Biblioteca de información sobre herramientas HTML simple-HTML-sugerencia

Descripción

HTML-Hint es una biblioteca de información sobre herramientas CSS pura utilizada para mostrar cualquier contenido HTML en una información de herramientas animada. Construido con SASS y fuertemente basado en Hint. CSS .

Funcionamiento

Descargue e incluya el HTML-Hint. CSS en la sección Head de la Página Web.

<link href="dist/html-hint.css" rel="stylesheet">

Cree una información sobre herramientas HTML con una imagen incrustada.

I'm a
<span class="hint hint--html hint--right" style="color: #0099FF">

hint right

<div style="pointer-events: none;" class="hint__content">


<div style="width: 140px; margin: 5px">



I'm a <strong>hint html content</strong>


</div>


<div>



<img src="https://unsplash.it/120/120?image=755">


</div>

</div>
</span>

Todas las clases de posición:

  • Sugerencia – Top
  • sugerencia – parte inferior
  • sugerencia – izquierda
  • pista – derecho

Modificadores disponibles:

  • sugerencia – error
  • Sugerencia – información
  • sugerencia – ADVERTENCIA
  • sugerencia – éxito
  • pista – redondeada
  • Sugerencia – rebote

Te puede interesar: