0
3.1kviews
Create a web page to displays border effects by using transition effects in CSS3.Assume suitable parameters if required

Subject: Advanced Internet Technology

Topic: Responsive web design with HTML5 and CSS3

Difficulty: High

1 Answer
0
7views
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>border</title>
<style>
    .box {
        margin: 50px;
        padding: 5px;
        text-align: center;
        border: 1px solid black;
        transition: border 0.6s linear;

    }

    .box:hover {
        border-width: 10px;
    }
</style>
</head>

<body>
<h1>hover on box to animate</h1>
<div class="box">
        <div class="box">
                <div class="box">
    <h1> hello</h1>
</div>
</div>
</div>


</body>

</html>
Please log in to add an answer.