[For 1.8] Pm alert İcons ringing bell animation
#1
Global.css Add

.ring {
  animation: ring 4s 1s ease infinite;
}	

@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(25deg); }
  3% { transform: rotate(-23deg); }
  5% { transform: rotate(29deg); }
  7% { transform: rotate(-27deg); }
  9% { transform: rotate(25deg); }
  11% { transform: rotate(-23deg); }
  13% { transform: rotate(21deg); }
  15% { transform: rotate(-19deg); }
  17% { transform: rotate(17deg); }
  19% { transform: rotate(-15deg); }
  21% { transform: rotate(13deg); }
  23% { transform: rotate(-11deg); }
  25% { transform: rotate(9deg); }
  27% { transform: rotate(-7deg); }
  29% { transform: rotate(5deg); }
  31% { transform: rotate(-3deg); }
  33% { transform: rotate(1deg); }
  35% { transform: rotate(0deg); }
  100% { transform: rotate(0); }
}

global_pm_alert Find

<img src="{$theme['imgdir']}/dismiss_notice.png" alt="{$lang->dismiss_notice}" title="{$lang->dismiss_notice}" />


Replace with


<i class="ring fas fa-bell fa-lg" title="{$lang->dismiss_notice}" /></i>


Attached Files Thumbnail(s)
   
Reply


Messages In This Thread
Pm alert İcons ringing bell animation - by Anka06 - 2018-11-12, 07:44 PM

Forum Jump:


Users browsing this thread: 1 Guest(s)