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

Welcome back.

and 4 others joined a min ago.

3.4kviews

written 8.0 years ago by

teamques10 ★ 70k

• modified 4.0 years ago

Subject: Advanced Internet Technology

Topic: Responsive web design with HTML5 and CSS3

Difficulty: High

advanced internet technology

ADD COMMENT EDIT

1 Answer

7views

written 7.9 years ago by

teamques10 ★ 70k

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

ADD COMMENT EDIT

Community

Content

Company