CSS3 > Animations

Border-Shadow in CSS3

How to create border-shadow to the text in CSS3?


By using Border and Box-shadow we can create the shadow to the text border.

<style>
        #divBImg {
            border: 4px solid blue;
            box-shadow: orange 8px 15px;
        }

        #div1 {
            border: 3px solid green;
            box-shadow: grey 6px 12px;
        }
</style>

<body>
    <p>This is Some Text</p>
    <a href="http://www.dotnetfunda.com" title="www.dotnetfunda.com">dotnetfunda</a>
    <p>this is Some Text</p>
    <div id="divBImg">ITFUNDA</div>
    <br />
    <br />
    <div id="div1">SHEO NARAYAN</div>
</body>

In tha above code snippet we have given border and box-shadow to the text border with particular values and colour, that is shown in the below output.

OUTPUT

 Views: 584 | Post Order: 102



Write for us