Achim: Unterschied zwischen den Versionen
Aus Fahrradmonteur
Zur Navigation springenZur Suche springen| Zeile 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, 21: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>