<!doctype html public '-//W3C//DTD HTML 4.01//EN'>
<!-- Editors & translators, please, edit roundshadow1.en.tmpl, not .html -->
<!-- Translated by Emil Sierżęga. -->
<html lang=pl>
<head profile="http://www.w3.org/2006/03/hcard">
<title>CSS3 zaokrąglone rogi i cieniowanie - test</title>

<!-- include head.inc -->

<style type="text/css">
blockquote {
    color: red;
    padding: 1em;
    margin: 1em 2em }
.corner {
    border: thick solid red;
    border-radius: 1.5em }
.shadow {
    box-shadow: black 0.5em 0.5em 0.3em }
.cornershadow {
    border: thick solid red;
    border-radius: 1.5em;
    box-shadow: black 0.5em 0.5em 0.3em }
p.author {
    text-align: right }
p.author::before {
    content: "\2014\A0" }
</style>

<link rel=up title="Zaokrąglone rogi i cienie" href="roundshadow">

<!-- include translations1 -->

<body>
<!-- include translations2 -->

<h1>CSS3 zaokrąglone rogi i cieniowanie - test</h1>

<div class=section id=intro>
<p>Zobacz także <a href="roundshadow">starą metodę.</a>
</div>

<div class=section id=examples>
<h2>Przykłady</h2>

<p>Poniższy cytat powinien być prostokątem o zaokrąglonych rogach,
którego obramowanie jest czerwone. W styczniu 2004 roku (kiedy powstał
powyższy tekst) ten kształt mógł nie być właściwie obsługiwany, ponieważ
stanowił jedynie propozycję do standardu CSS3. Jednak teraz powinien być
poprawnie wyświetlany przez wszystkie ważniejsze przeglądarki.

<blockquote class=corner>
<p>To jest jakiś nieinteresujący cytat. Ale przynajmniej jest podpisany.
<p class=author>Anonim
</blockquote>

<p>Ten obrazek powinien być prostokątem, który rzuca rozmyty, lekko
zaokrąglony na rogach cień (rozmycie zaokrąglone o 0.3em), rozciągający się
0.5em poniżej i na prawo od cytatu:

<blockquote class=shadow>
<p>To jest jakiś nieinteresujący cytat. Ale przynajmniej jest podpisany.
<p class=author>Anonim
</blockquote>

<p>Ostatni przykład to połączenie zaokrąglonych rogów oraz rozmytego
również zaokrąglonego na rogach cienia:

<blockquote class=cornershadow>
<p>To jest jakiś nieinteresujący cytat. Ale przynajmniej jest podpisany.
<p class=author>Anonim
</blockquote>
</div>

<!-- include feedback -->

<!-- include banner -->

<div id=endmatter class=section>
<!-- include address -->

<p>Utworzono 6 Sty 2004;<br>
Ostatnia aktualizacja
<!-- include date -->
</div>

<!-- include translations4 -->

<!-- Keep this comment at the end of the file
Local variables:
mode: sgml
sgml-declaration:"~/SGML/HTML4.dcl"
sgml-default-doctype-name:"html"
sgml-minimize-attributes:t
sgml-nofill-elements:("pre" "style" "br")
End:
-->