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

Popular posts from this blog

Thread: Firefox print dialog doesn't remember settings

Thread: Installing Mono with Winetricks *Help*

Error 400 - Photoshop services are not available