Xf2 Data SQL sorgular hover etkisi

XFdestek

Kurucu Üye
XFD Üyesi
Katılım
25 May 2014
Mesajlar
832
Tepkime puanı
360
Puanları
63
Konum
Türkiye
Web sitesi
xenforodestek.net

İtibar:

Kodu kendim yaratmadım, ancak sınıfları benim sevdiğime ve XF2'ye değiştirdim / güncelledim.
Bu kodu extra.less şablonunuza ekleyin .

CSS:
/*Forum, Sub-Forum & What's new*/
.block-body .node--forum, .structItemContainer .structItem--thread, .structItemContainer-group .structItem--thread, .block-container .message-inner {
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
.block-body .node--forum:hover, .structItemContainer .structItem--thread:hover, .structItemContainer-group .structItem--thread:hover, .block-container .message-inner:hover {
-moz-transform: scale(1.015);
-webkit-transform: scale(1.015);
-o-transform: scale(1.015);
-ms-transform: scale(1.015);
transform: scale(1.015);
}
/*Widgets*/
.block-body .block-row  {
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
.block-body .block-row:hover {
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
/*Categorynodes*/
.block-container .block-header  {
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
.block-container .block-header:hover {
-moz-transform: scale(1.02, 1.05);
-webkit-transform: scale(1.02, 1.05);
-o-transform: scale(1.02, 1.05);
-ms-transform: scale(1.02, 1.05);transform: scale(1.02, 1.05);}

}
Geçiş efektinin hızını değiştirir. (Alt hızlıdır)
ölçek ileri atlar miktarını değiştirir. (Alt az atlamak)

Zoomonhover (1).gif
 
Üst Alt