ویژه تاپیک اختصاصی ایجاد افکت های زیبا بر روی لوگوی انجمن

[Dariush]

برای ایجاد جلوه متحرک بالا بر روی لوگوی انجمن خودتون کد زیر رو در extra.lessکپی کنید​

[HIDESHOWTOGROUPS=4,3,6,5,7]

.p-header-logo:hover, .p-header-logo--image:hover  {
  animation: shake-animation 4.72s ease infinite;
  transform-origin: 50% 50%;
}
.element {
  margin: 0 auto;
  width: 150px;
  height: 150px;
  background: red;
}
@keyframes shake-animation {
   0% { transform:translate(0,0) }
  1.78571% { transform:translate(5px,0) }
  3.57143% { transform:translate(0,0) }
  5.35714% { transform:translate(5px,0) }
  7.14286% { transform:translate(0,0) }
  8.92857% { transform:translate(5px,0) }
  10.71429% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}

[/HIDESHOWTOGROUPS]

 

[Dariush]

ایجاد لوگو طپنده

​

[HIDESHOWTOGROUPS=4,3,6,5,7]

​

////////////////xenforo_xyz/////////////////////////

.p-header-logo {
   -webkit-animation: pulse 5s infinite;
   animation: pulse 5s infinite;
}
@-webkit-keyframes pulse {
  0% { opacity: 1; }
  30% { opacity: 1; }
  50% { opacity: .2; }
  70% { opacity: 1; }
  100% { opacity: 1; }
}
@keyframes pulse {
  0% { opacity: 1; }
  30% { opacity: 1; }
  50% { opacity: .2; }
  70% { opacity: 1; }
  100% { opacity: 1; }
}

[/HIDESHOWTOGROUPS]

 

[Dariush]

برای ایجاد جلوه متحرک بالا بر روی لوگوی انجمن خودتون کد زیر رو در extra.lessکپی کنید

​

[HIDESHOWTOGROUPS=4,3,6,5,7]

​

.p-header-logo, .p-header-logo--image {
    display: block;
    background: url("https://davidwalsh.name/wp-content/themes/jack/images/shine.png") -60px -80px no-repeat;   

    transition-property: all;
    transition-duration: .9s;

}
.p-header-logo:hover, .p-header-logo--image:hover {
    background-position: 100px 100px;
}

[/HIDESHOWTOGROUPS]

​

 

[Mehdi]

مشاهده فایل‌پیوست 4010
برای ایجاد جلوه متحرک بالا بر روی لوگوی انجمن خودتون کد زیر رو در extra.lessکپی کنید

​

[Hidden content]

​

از اونجایی که تصویر shine.png در Url ارائه شده برای من بدون پراکسی، عمل نکرد، تصویر رو به پیوست برای ثبت و استفاده آیندگان ارسال میکنم. تا ابتدا بر روی هاست خودشون بارگزاری و سپس استفاده کنند.