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

ait(26) • 2.3k  views
<!DOCTYPE html>
<html lang="en">

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


    .box:hover {
        border-width: 10px;

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


Please log in to add an answer.

Next up

Read More Questions

If you are looking for answer to specific questions, you can search them here. We'll find the best answer for you.


Study Full Subject

If you are looking for good study material, you can checkout our subjects. Hundreds of important topics are covered in them.

Know More