Den svenska CSS3-resursen!

CSS3 rotation

Med CSS3 är det enkelt att rotera element på olika sätt utan att behöva använda javascript eller liknande språk. Genom att använda transition och rotate kan man både animera och rotera samtidigt.

 
 
.rotera {
color:red;
-webkit-transform:  rotate(40deg);
position:absolute;
-moz-transform: rotate(-90deg);
top:140px;
}
.rotera:hover,active {
-webkit-transform:  rotate(20deg);
-webkit-transition: -webkit-transform  0.5s ease-in;
}

CSS3-rotation exempel!

2 Responses to “CSS3 rotation”

  1. Jonas Says:
    juni 8th, 2010 at 11:46

    Väldigt intressant! Detta kommer jag ha nytta av!

  2. Srejv Says:
    juni 9th, 2010 at 08:49

    Väldigt intressant! Detta kommer jag ha nytta av!

Leave a Reply

You need to enable GD extension in order to use Simple CAPTCHA.

This entry was posted on tisdag, juni 8th, 2010 at 09:53 and is filed under Okategoriserade. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.