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.

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

        #div1 {
            border: 3px solid green;
            box-shadow: grey 6px 12px;

    <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>

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.


 Views: 536 | Post Order: 102

Write for us