Quiero subrayar mi texto y, por lo tanto, agregar una biblioteca javascript de github en mi página web. Sé que hay otras opciones para subrayar el texto, pero quiero usar este hermoso subrayado de esa biblioteca. Además, sin tener en cuenta el problema del subrayado, solo me gustaría saber cómo usar un proyecto de github de este tipo. Quiero agregar esta biblioteca: https://github.com/wentin/underlineJS

Ya agregué bibliotecas antes, pero siempre se proporcionó un comentario de instalación de npm o un archivo .jar estaba en la carpeta principal de github que podía usar (en Java, no en Javascript)

Al mirar el código en el proyecto github, creo que tengo que agregar al menos este enlace de secuencia de comandos a mi encabezado:

 <link type="text/css" rel="stylesheet" href="css/underline.css" />

Luego agregue esto a mi CSS:

.underline {
position: relative;
}
.underline span {
 pointer-events: none;

}
.underline canvas {
  pointer-events: auto;
  position: absolute;
  top: 0;
  left: 0;
  /*background-color: rgba(222, 222, 222, 0.1);*/
  /*z-index: -1;*/
  -moz-user-select: none; 
  -khtml-user-select: none; 
  -webkit-user-select: none; 
  -o-user-select: none; 
  cursor: pointer;
}

Y finalmente usar esto en mi HTML:

<a href="#" class="underline">at your gate</a>
<br>
<br>

Pero esto no tuvo absolutamente ningún efecto ...

0
G-Unit 4 ago. 2020 a las 15:16

1 respuesta

La mejor respuesta

No puede agregar esta biblioteca fácilmente, porque es solo una demostración técnica.

Citar:

A pesar del nombre pegadizo, Underline.js es solo una demostración técnica. Eso significa que no podrá incluirlo en ningún proyecto sin antes modificarlo mucho.

Fuente: https://css-tricks.com/styling-underlines -web / # underline-js-canvas

0
MauriceNino 4 ago. 2020 a las 12:26