Información sobre herramientas accesible personalizada con HTML5 y CSS

Tiempo de ejecución: 30 minutos. Empezar

Autor: harrygfox
Views Total: 2,576
Sitio oficial: Ir a la web
Actualizado: July 21, 2015
Licencia: MIT

Vista prévia

Información sobre herramientas accesible personalizada con HTML5 y CSS

Descripción

Una librería CSS súper pequeña que se utiliza para crear información de herramientas accesible, personalizada y reutilizable usando CSS ATTR () Function, pseudo selectores y HTML5 de datos-Tip atributo.

Funcionamiento

Cargue el ToolTip. CSS necesario en la sección head del documento.

<link href="tooltip.css" rel="stylesheet">

Agregue la información de herramientas personalizada a su texto como sigue.

<span
class="tooltip"




tabindex="1"




data-tip="This is tooltip A">



 adipiscing elit
</span>

Eso es todo.

Te puede interesar: