Tutorials
Eine immer größer werdende Tutorialdatenbank.
PHP-Fusion Core
Aktuelle PHP-Fusion Vollversionen und Updates
Addon Downloads
Alle Downloads garantiert Kostenlos
Support 24/7
24 Stunden, 7 Tage die Woche, das ganze Jahr.
Eselsohr, Cornereffekt
Kategorie: CSS
PHP-Fusion Version: Keine
Quelle: themes.lewitzgalerie.de
Schwierigkeitsgrad:
Eine schöne Box mit Knick (Eselsohr) in der rechten obenren Ecke.
Faq
HTML-CodeGeSHi: HTML
gewandelt in 0.001 Sekunden, benutzt wurde GeSHi 1.0.8.10
CSS
GeSHi: CSS
- .corner_effekt:before {
- background: none repeat scroll 0 0 #658E15;
- border-color: #FFFFFF #FFFFFF #658E15 #658E15;
- border-style: solid;
- border-width: 0 16px 16px 0;
- box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
- content: "";
- display: block;
- position: absolute;
- right: 0;
- top: 0;
- width: 0;
- }
-
- .corner_effekt {
- background: none repeat scroll 0 0 #97C02F;
- color: #FFFFFF;
- margin: 2em auto;
- overflow: hidden;
- padding: 1em 1.5em;
- position: relative;
- width: 480px;
- }
gewandelt in 0.001 Sekunden, benutzt wurde GeSHi 1.0.8.10
Demo ansehenDemo
Eselsohr - Corner-Effekt
Mal ein schöner CSS-Effekt, der leicht relisierbar ist.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
Tutorial Verlinken
URL:
BBCode:
HTML-Code:
Kommentare
Es wurden noch keine Kommentare verfasst.
Kommentar schreiben
Bitte logge dich ein, um einen Kommentar zu verfassen.
Anzeige
Anmelden
RSS Feeds
Feeds abonieren
Anzeige
