XenForo Destek, Eklenti ve Tema Geliştirme ve Paylaşım Platformu

Çalışmalarınıza, sorunlarınıza destek ve çözüm arıyorsanız doğru yerdesiniz! XenForo konusunda uzman ekibimiz ile 7/24 yanınızdayız. Sizde bu ailenin bir üyesi olmak için kayıt olmanız yeterli.

XenForo 2 Butona Ripple Efekti Ekle

ZenX
Katılım
Ağu 19, 2018
Mesajlar
241
Beğeniler
215
Online Süre
20Saat 10Dak.
Yaş
16
#1
ZenX Kullanıcımız yeni bir kaynak oluşturdu:

Butona Ripple Efekti Ekle - Button Ripple Effect

Extra.less şablonuna ekleyin;
CSS:
.button {
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}
.button:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background-image: radial-gradient(circle, #000 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-position: 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}...
Bu kaynak hakkında daha fazla bilgi ...
 

Üst