Wolfgang.Schmidetzki.Net

Fotos und mehr ...

Weitere CSS3 Experimente

Just for fun habe ich mal einen "Mouse Over -webkit-transition" Effekt in die rechte Sidebar eingebaut. Für Leute über 40 sozusagen.
Funktioniert leider nur in Safari (und demnächst in FireFox 3.7).
Der Code:

.box{

-webkit-transition: all .5s;

}

.box:hover{

-webkit-transform: scale(1.5) translate(-20px, 0);

background-color: white;

-webkit-box-shadow: 1px 1px 20px black;

}

Comments:

Rainer 23:20 Uhr MESZ

Für Leute über 50!!!!!!!! bitte.

Stefan Tilkov 08:13 Uhr MESZ

Interessant, dass das beim Vergrößern zunächst leicht unscharf wirkt und dann fokussiert. Oder ist das eine Designentscheidung von dir?

Günter 10:28 Uhr MESZ

Just for Fun oder aus der Not geboren ;-)
Funktioniert übrigens auch im Chrome (Mac).

Enter Your Comment:

use markdown syntax

Twitter

Powered By

  • OpenWGA Blogs 2.3.2 Build 128
    Running on:
    OpenWGA Server 6.0 Release (Build 472)
    www.openwga.com