İçeriğe atla

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 V3 yayınlandı

    NodeBB
    1
    2 Oy
    1 İleti
    78 Bakış
    Kimse yanıtlamadı
  • NodeBB mi Discourse mu?

    NodeBB
    3
    0 Oy
    3 İleti
    198 Bakış
    W

    Yanıtınız için teşekkür ederim. Sanırım Discourse ile devam edeceğiz 🙂

  • NodeBB SSH Uzerinden Eklenti Aktif Etme

    NodeBB
    1
    1 Oy
    1 İleti
    151 Bakış
    Kimse yanıtlamadı
  • Kurulumu.Net'te kullandığım Özel CSS'ler

    NodeBB
    21
    1 Oy
    21 İleti
    786 Bakış
    crazycellsC

    @fakruzaruret, içinde söyledi: Kurulumu.Net'te kullandığım Özel CSS'ler

    @crazycells evet son sürümü kurdum ama hiç mi hata yaşayan olmamış merak ettim baya da kullanan var yani. Resmi forumda da mı versiyon 2 kurulu acaba?

    Hayir, bence resmi forumun surumune hic girmeyin 🙂

    NodeBB v3’e basladilar, o nedenle forumu da guncellemislerdir, diger plugin’leri de buna gore guncelliyorlar yavas yavas. Tum yeni degisiklikleri oraya ekliyorlar, ama biz ancak stable surum gelince gorebiliyoruz. O nedenle biz forum olarak genelde surumleri geriden takip ediyoruz…

  • NodeBB ads.txt ekleme

    NodeBB
    1
    1 Oy
    1 İleti
    261 Bakış
    Kimse yanıtlamadı