Chcę podkreślić swój tekst, a zatem dodać bibliotekę JavaScript z GitHub na mojej stronie internetowej. Wiem, że istnieją inne opcje, aby podkreślić tekst, ale ja wnat, aby użyć tej pięknej podkreślenia tej biblioteki. Ponadto, pomijając problem podkreślenia, po prostu chciałbym wiedzieć, jak używać takiego projektu Githuba. Chcę dodać tę bibliotekę: https://github.com/wentin/underlinejsy

Już wcześniej dodałem biblioteki, ale zawsze dostarczono komentarz do instalacji NPM lub plik .jar był w Github Głównym folderze, którego można użyć (w Java, a nie javascript)

Od patrzenia na kod w projekcie GitHub, myślę, że muszę przynajmniej dodać ten link do skryptu do mojego nagłówka:

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

Następnie dodaj to do moich 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;
}

I wreszcie użyj tego w moim HTML:

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

Ale to miało absolutnie żadnego efektu ....

0
Grg Kro 4 sierpień 2020, 15:16

1 odpowiedź

Najlepsza odpowiedź

Nie możesz łatwo dodać tej biblioteki, ponieważ jest to tylko demo techniczne.

Zacytować:

Pomimo chwytliwej nazwy, podkreśla. Ja jest tylko demo technicznym. Oznacza to, że nie będziesz mógł go upuścić w żadnych projektów, nie modyfikując go najpierw całej grupy.

Źródło: https://css-tricks.com/styling-undlines -Web / # podkreśla-js-canvas

0
MauriceNino 4 sierpień 2020, 12:26