Stínování textu
Efektní, avšak poněkud neefektivní oživení nadpisů pomocí stínu bez použití obrázků nebo speciálních metod pro náhradu textu Flashem a podobných technik. Založeno výhradně na transformaci textu prostřednictvím CSS.
Zde si můžete prohlédnout výsledek.
Toto řešení publikoval Mike Cherim. Bližší popis najdete v článku CSS: Text Shadows.
CSS
#exp_content
{
margin : auto;
text-align : left;
padding : 18px 40px 27px 4%;
height : auto;
font-size : 0.9em;
color : #000;
}
#cts
{
position : relative;
margin : auto;
width : 29em;
height : 13.2em;
padding : 5%;
}
#cts h2
{
position : absolute;
font-size : 350%;
color : #000;
top : 0;
left : 0;
}
#cts h2 span
{
position : absolute;
color : #669900;
top : -1px;
left : -1px;
}
XHTML
<html>
<body id=“exp_body“>
<div id=“exp_content“>
<div id=“cts“>
<h2>Text <span>Text</span></h2>
</div> </div>
</body>
</html>
Mohlo by vás také zajímat
-
AI v programování: Jak používat GitHub Copilot (část 2)
19. února 2024 -
-
Jak zabezpečit váš chytrý telefon před kybernetickými hrozbami
30. listopadu 2023 -
Co je to VRAM a jak ji navýšit bez drahého upgradu?
20. srpna 2024
Nejnovější
-
Výkonný a kompaktní: ASOME Max Studio s výjimečným poměrem cena/výkon
11. listopadu 2024 -
Šokující data od Microsoftu: Kyberútoky rostou o stovky procent!
8. listopadu 2024 -
Chcete jedinečnou doménu? Objevte koncovky FOOD, MEME a MUSIC!
7. listopadu 2024 -
OpenAI představilo novou funkci ChatGPT Search
6. listopadu 2024