Achim: Unterschied zwischen den Versionen
Aus Fahrradmonteur
Zur Navigation springenZur Suche springenZeile 3: | Zeile 3: | ||
{{Aktualisieren|Achim|Diese Seite aktualisieren}} | {{Aktualisieren|Achim|Diese Seite aktualisieren}} | ||
+ | ==CSS== | ||
+ | <syntaxhighlight lang=css> | ||
+ | .button { | ||
+ | border:1px solid silver; padding:9px; background-image: -webkit-linear-gradient(white 0%, #9FBFD2 100%); | ||
+ | color:black !important;; text-decoration:none !important;; | ||
+ | background-image: -moz-linear-gradient(white 0%, #9FBFD2 100%); | ||
+ | background-image: -o-linear-gradient(white 0%, #9FBFD2 100%); | ||
+ | background-image: linear-gradient(white 0%, #9FBFD2 100%); | ||
+ | -moz-box-shadow:3.5px 3.5px 5px #8c8c8c; | ||
+ | -webkit-box-shadow:3.5px 3.5px 5px #8c8c8c; | ||
+ | box-shadow:3.5px 3.5px 5px #8c8c8c; | ||
+ | border-radius:16px; | ||
+ | -moz-border-radius:16px; | ||
+ | -webkit-border-radius:16px; | ||
+ | } | ||
+ | .button:hover { | ||
+ | background-image: -webkit-gradient(linear, left top, left bottom, from(#c1c1c1), to(#ffffff)); | ||
+ | background-image: -webkit-linear-gradient(top, #c1c1c1, #ffffff); | ||
+ | background-image: -moz-linear-gradient(top, #c1c1c1, #ffffff); | ||
+ | background-image: -o-linear-gradient(top, #c1c1c1, #ffffff); | ||
+ | background-image: linear-gradient(top bottom, #c1c1c1, #ffffff); | ||
+ | -moz-box-shadow:3.5px 3.5px 5px #000000; | ||
+ | -webkit-box-shadow:3.5px 3.5px 5px #000000; | ||
+ | box-shadow:3.5px 3.5px 5px #000000; | ||
+ | } | ||
+ | </syntaxhighlight> |
Version vom 14. April 2014, 22:39 Uhr
- 3D-Button für Achim
- color und text-decoration sind per "!inportant" zu definieren
CSS
<syntaxhighlight lang=css> .button { border:1px solid silver; padding:9px; background-image: -webkit-linear-gradient(white 0%, #9FBFD2 100%); color:black !important;; text-decoration:none !important;;
background-image: -moz-linear-gradient(white 0%, #9FBFD2 100%); background-image: -o-linear-gradient(white 0%, #9FBFD2 100%); background-image: linear-gradient(white 0%, #9FBFD2 100%);
-moz-box-shadow:3.5px 3.5px 5px #8c8c8c;
-webkit-box-shadow:3.5px 3.5px 5px #8c8c8c; box-shadow:3.5px 3.5px 5px #8c8c8c; border-radius:16px; -moz-border-radius:16px; -webkit-border-radius:16px;
} .button:hover { background-image: -webkit-gradient(linear, left top, left bottom, from(#c1c1c1), to(#ffffff));
background-image: -webkit-linear-gradient(top, #c1c1c1, #ffffff); background-image: -moz-linear-gradient(top, #c1c1c1, #ffffff); background-image: -o-linear-gradient(top, #c1c1c1, #ffffff); background-image: linear-gradient(top bottom, #c1c1c1, #ffffff);
-moz-box-shadow:3.5px 3.5px 5px #000000;
-webkit-box-shadow:3.5px 3.5px 5px #000000; box-shadow:3.5px 3.5px 5px #000000;
} </syntaxhighlight>