SitePoint Sponsor

User Tag List

Results 1 to 2 of 2

Hybrid View

  1. #1
    SitePoint Member
    Join Date
    Jul 2013
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Working rotation animation of the image CSS

    Hello
    Today the modus operandi of a moving image rotation
    Of course the image will spin when the mouse hovers
    Add in the region of the Head the following code

    Code:
     <style type="text/css">  img.rotate:hover   {transform: rotate(360deg);-moz-transform:   rotate(360deg);-webkit-transform: rotate(360deg);-o-transform:   rotate(360deg);-ms-transform:   rotate(360deg);-webkit-transition-duration:  1s;-moz-transition-duration:  1s;-o-transition-duration:  1s;-ms-transition-duration:  1s;transition-duration: 1s;  }</style>
    And add this code in the Body and adjust necessary

    PHP Code:
         <img src="Image Path" class="rotate" 
    Source

  2. #2
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,613
    Mentioned
    65 Post(s)
    Tagged
    2 Thread(s)
    Hello, mtwervb, Welcome to the forums.

    Do you have a question? What is the purpose of your post?


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •