Hover Link Efekti NodeBB

NodeBB
  • Merhabalar.

    Asagidaki kodlari CSS alaniniza eklediginiz zaman, linklerin, alinti ve nicklere hover eklemis olacaksiniz.

    .posts .content a {
      background-image: linear-gradient(to right, #54b3d6, #54b3d6 50%, #337ab7 50%);
      background-size: 200% 100%;
      background-position: -100%;
      display: inline-block;
      padding: 5px 0;
      position: relative;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      transition: all 0.3s ease-in-out;
    }
    
    .posts .content a:before {
      content: '';
      background: #54b3d6;
      display: block;
      position: absolute;
      bottom: 1px;
      left: 0;
      width: 0;
      height: 1px;
      transition: all 0.3s ease-in-out;
    } 
    
    .posts .content a:hover {
     background-position: 0;
    }
    
    .posts .content a:hover::before{
      width: 100%;
    }
    



Benzer konular


  • Nodebb websocket hatası

    NodeBB
    0 Oy
    3 İleti
    46 Bakış

  • NodeBB Email Problemi

    NodeBB
    0 Oy
    5 İleti
    174 Bakış

  • NodeBB alt kategori sayfalama

    NodeBB
    0 Oy
    3 İleti
    181 Bakış

  • NodeBB Google Analitik Eklentisi Hk.

    Kilitli NodeBB
    1 Oy
    4 İleti
    297 Bakış

  • NodeBB nedir? Nodebb forum nasıl kurulur?

    Sabitlendi NodeBB
    6 Oy
    34 İleti
    3046 Bakış