How can I add an "Inset effect" to a font that has a Text shadow effect?
could please insert code below? have far:
.pageheading {
font-family: "berkshireswash regular", georgia, "times new roman", times, serif;
letter-spacing: 4px;
text-shadow: 5px 5px 5px #9191c9,
0px 2px 3px #ffffff;
font-size: 60px !important;
text-align: center; border-color: #ffffff;
border-style: double;
border-width: 7px 0px;
padding: 25px;
margin-top: 10px !important;
}
http://line25.com/articles/using-css-text-shadow-to-create-cool-text-effects
you need background color compliments inset text-shadow. multiple text-shadow effects negate optical illusion of inset, should rid of blue/purple 1 completely.
something inset...
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>inset illusion</title>
<style>
.pageheading {
font-family: "berkshireswash regular", georgia, "times new roman", times, serif;
letter-spacing: 4px;
text-shadow:0px 2px 3px #ffffff;
font-size: 60px !important;
text-align: center;
border:7px double #fff;
padding: 25px;
margin-top: 10px !important;
background-color:#c1c1c1;
}
</style>
</head>
<body>
<div class="pageheading">
some text
</div>
</body>
</html>
More discussions in Dreamweaver support forum
adobe
Comments
Post a Comment