Jump to content
Sign in to follow this  
Mikoaaj

Niedziałające logo z efektem "shake" MyBB

Recommended Posts

Witam mam problem z class "shake" ponieważ po najechaniu się nie trzęsie adres forum http://cspodbeskidzie.pl

header:

<img src="http://i64.tinypic.com/29qmxxl.png"class="shake" alt="CsPodbeskidzie.pl"  />

Css:

.shake:focus {
	-webkit-animation-name: spaceboots;
.shake:hover, .shake:focus {
    -webkit-animation-name: spaceboots;
    -webkit-animation-duration: 0.8s;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

.shake {
    display: inline-block
}
	

 

Share this post


Link to post

Nie masz w CSSie jeszcze takiego czegoś:

@keyframes spaceboots {
  /* tutaj opis */
}

http://www.w3schools.com/cssreF/css3_pr_animation-keyframes.asp

 

I pierwsza część tego CSSa co podałeś powinna być taka:

.shake:hover, .shake:focus {
  animation-name: spaceboots;
  animation-duration: 0.8s;
  transform-origin: 50% 50%;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

A tutaj podobny temat:

  • Like 2

Share this post


Link to post
Guest
This topic is now closed to further replies.
Sign in to follow this  
×
×
  • Create New...