Menu
Community /Pin to ProfileBookmark
@NogDogAug 24.2005 — #It is possible to create a drop shadow effect with CSS as below, but due to the repetitive text in the HTML markup, it's probably better to just create the desired text effect as a graphic image and insert it into your document via an IMG tag.
@NogDogAug 24.2005 — #
It is not anywhere in the w3.org CSS2 specification. It is a proprietary filter created by M$ for IE. There is a drop shadow effect in the proposed CSS3 standard, but that version has not yet been finalized, and who knows how long it will take for browsers to implement it once it is? (All we can count on is for IE to be the last of the major browsers to support it. ? )
Text shadows and other CSS effects
Does anybody know how to create text shadows and other cool effects using CSS?
Is this possible?
PS: I’ve searched the forum and found no answers. Sorry if this is a repost.
Sign in
to post a comment10 Comments(s) ↴
0
@NogDogAug 24.2005 — #It is possible to create a drop shadow effect with CSS as below, but due to the repetitive text in the HTML markup, it's probably better to just create the desired text effect as a graphic image and insert it into your document via an IMG tag.[code=html]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang='en'>
<head>
<META HTTP-EQUIV='Content-Type' CONTENT='text/html; charset=ISO-8859-1'>
<title>Page title</title>
<style type="text/css">
<!--
body {
margin: 0;
padding: 10px;
font: medium arial, sans-serif;
}
#shadow1, #shadow2, #top {
font-size: xx-large;
font-weight: bold;
position: absolute;
margin: 0;
padding: 0;
}
#shadow1 {
top: 10px;
left: 15px;
color: gray;
}
#shadow2 {
top: 9px;
left: 14px;
color: silver;
}
#top {
top: 8px;
left: 13px;
color: #6cf;
}
#main {
position: absolute;
top: 3em;
}
-->
</style>
</head>
<body>
<p id="shadow2">This Is a Test</p>
<p id="shadow1">This Is a Test</p>
<p id="top">This Is a Test</p>
<div id="main">
<h3>Rest of text follows here.</h3>
<p>Yadda, yadda, yadda...</p>
</div>
</body>
</html>
[/code]0
@NogDogAug 24.2005 — #Well that can be put inside a css file and you can make nice text displays without having to use images. So rubbish I think not. More rubbish that FF doesn´t support it... but that is my opinion[/QUOTE]
It is not anywhere in the w3.org CSS2 specification. It is a proprietary filter created by M$ for IE. There is a drop shadow effect in the proposed CSS3 standard, but that version has not yet been finalized, and who knows how long it will take for browsers to implement it once it is? (All we can count on is for IE to be the last of the major browsers to support it. ? )