vB 4.x.x Logoya sallanma efekti verme.

MURATS44

Özel Üye
vbulletin-chrome.css Şablonunu Açıp aşağıdaki kodları bulup siliyoruz.
PHP:
.logo-image {         float: {vb:stylevar left};         clear: {vb:stylevar right};         min-height: 2em;         height: auto !important;         padding: {vb:stylevar titleimage_padding}; }

Aşadıdaki kodları ekleyip kaydediyoruz. vbulletin-chrome.css şablonuyla daha önce oynanmamış ve herhangi bir değişiklik yapılmadıysa rahatlıkla çalışacaktır.

Kod:
.logo-image {         	float: {vb:stylevar left}; 	clear: {vb:stylevar right};         min-height: 2em;         height: auto !important;         padding: {vb:stylevar titleimage_padding}; 	transform-origin: center center; 	-moz-transform-origin: center center; 	-webkit-transform-origin: center center; } .logo-image:hover { 	animation: 0.5s ease 0s normal none infinite swing; 	-moz-animation: 0.5s ease 0s normal none infinite swing; 	-webkit-animation: 0.5s ease 0s normal none infinite swing; }   @keyframes swing {              0% {                transform: rotate(5deg);               }              50% {                transform: rotate(-5deg);              }             100%{                transform: rotate(5deg);              }         }                  @-moz-keyframes swing {              0% {                -moz-transform: rotate(5deg);               }              50% {                -moz-transform: rotate(-5deg);              }             100%{                -moz-transform: rotate(5deg);              }         }                  @-webkit-keyframes swing {              0% {                -webkit-transform: rotate(5deg);               }              50% {                -webkit-transform: rotate(-5deg);              }             100%{                -webkit-transform: rotate(5deg);              }         }
 
Üst Alt