HEADER ADS 728X90

How To Use CSS Box-Shadow Property | BY CodePrime

How do I create a shadow box in CSS?,
Is Box shadow supported by CSS?,
What is shadow box in CSS?,
Why box shadow is not working?,
css box-shadow examples,
css box-shadow generator,
border shadow css,
box-shadow css codepen,
box-shadow w3schools,
soft box-shadow css,
text-shadow css,
box-shadow-color,
css tutorial pdf,
css tutorial w3schools,
css tutorial for beginners,
css tutorial advanced,
css tutorialspoint,
best css tutorial,
html, css tutorial, codeprime, coding tutorial, how to learn coding easy way to learn coding

Hi dear welcome to "CodePrime" Blog . In this post we are going to learn how to use css box-hadow property. First Creat A index.html file Copy This HTML CODE and pest it one your code editor. 2ndly creat style.css file Then Copy The CSS CODE and pest it then open the index.html file with your browser.

HTML CODE

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS Box Shadow by codeprime- bangladesh</title>
</head>
<body>

    <div class="box"></div>

   
   
</body>
</html>

CSS

.box{
        width: 200px;
        height: 200px;
        background-color: red;
        border-radius: 5px;
        margin: 30vh auto;

        box-shadow: 0 0 20px blue,
                    inset 0 0 50px blue;
    }

Youtube Tutorial

FLOW US ON SOCIAL MEDIA

Post a Comment

0 Comments

Join Telegram