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 - Cornereffect
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,
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;
}
HTML
<div class="corner_effekt">
<p><b>Eselsohr - Corner-Effekt</b></p>
<p>Mal ein schöner CSS-Effekt, der leicht relisierbar ist.</p>
<p>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,</p>
</div>
Anmelden
RSS Feeds
