¿Cómo puedo crear información sobre herramientas personalizada con pseudoelementos css

Estoy leyendocss-trucos y al final Puedo ver lo siguiente.

Usando un atributo de datos HTML5, luego introduciendo ese atributo y diseñándolo como un pseudo elemento, podemos crear información sobre herramientas completamente personalizada a través de CSS.

El problema es que el enlace dentro del artículo está muerto, y no soy un buen tipo html / css para poder entender cómo hacer esto. ¿Alguien puede ayudar?

Respuestas a la pregunta(2)

Su respuesta a la pregunta