Web-Development/8_shadowAndOutline.html at main · Shubham-py404/Web-Development · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .box{
            border: 2px solid black;
            padding:34px ;
            box-shadow: 25px 25px greenyellow ;


        }
        /* addind shadow in text  */
        .textshadow{text-shadow: 2px 2px 4px rgb(216, 10, 10);
        outline: 2px solid black;
        }
    </style>
</head>
<body>
    <div class="box">
        i am a box
    </div>
    <p class="textshadow">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione et necessitatibus, laboriosam iste enim autem eligendi nobis vitae distinctio quae sed eaque molestias iure totam tempora ullam quod unde consectetur alias, facilis voluptates! Magni atque est sint sapiente asperiores officiis adipisci totam velit a reiciendis?</p>
</body>
</html>