Results 1 to 4 of 4

Thread: Spinning icons using CSS3 transform Problem

  1. #1
    Join Date
    Jun 2011
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Spinning icons using CSS3 transform Problem

    i put on my side with floating code
    but it does not work
    CSS On Css File WP theme
    Code:
    p#socialicons img{ /* 1st set of icons. Rotate them 360deg onmouseover and out */
    -moz-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    }
    
    p#socialicons img:hover{
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    }
    html code

    Code:
    <center>
    <p id="socialicons">
    <table><tr><td>
    <a href="https://www.facebook.com/SempoiNetwork" target="_blank"><img border="0" src="http://www.teamsempoi.com/blog/images/misc/facebook-fb.png" title="Welcome to Sempoi Network Fan"/></a>
    </td><td>
    	<a href="http://twitter.com/My_Sempoi" target="_blank"><img border="0"
    src="http://www.teamsempoi.com/blog/images/misc/twitter-tw.png" title="Welcome to Sempoi Network Twitter"/></a>
    </td><td>
    	<a href="https://www.facebook.com/MySempoi" target="_blank"><img border="0" src="http://www.teamsempoi.com/blog/images/misc/facebook-fb.png" title="Welcome to TeamSempoi Fan"/></a>
    </td></tr></table>
    </p>
    </center>
    can you help me please
    i use on Wordpress platform

    http://www.dynamicdrive.com/style/cs...ss3_transform/
    Last edited by sempoi; 01-16-2012 at 05:34 AM.

  2. #2
    Join Date
    Aug 2004
    Posts
    9,918
    Thanks
    3
    Thanked 969 Times in 957 Posts
    Blog Entries
    15

    Default

    Please post a link to the page on your site that contains the problematic script so we can check it out.
    DD Admin

  3. #3
    Join Date
    Jun 2011
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Code:
    www.teamsempoi.com/blog
    here its

    i already change something

  4. #4
    Join Date
    Jun 2011
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Problem Solve
    HTML must like this

    PHP Code:
    <p id="socialicons"><a href="#" target="_blank"><img border="0" src="#" title="Welcome to Sempoi Network Fan"/></a></p>

    <
    p id="socialicons"><a href="#" target="_blank"><img border="0" src="#" title="Welcome to Sempoi Network Twitter"/></a></p>

    <
    p id="socialicons"><a href="#" target="_blank"><img border="0" src="#" title="Welcome to TeamSempoi Fan"/></a></p

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
  •