Display border effects by using transmission effects in CSS 3. Assume suitable parameters if required.

12views

written 7.3 years ago by

binitamayekar ★ 6.7k

Border Transmission Effects

Following program shows different types of border transmission effects:

<!DOCTYPE html>
<html>
<head>
<title>Border Transition Effects</title>
<style>
div{
  width:100px;
  height:60px;
  margin: 50px;
  padding: 5px;
  text-align: center;
  border: 1px solid black;
}
.box1:hover {
  border-width:50px;
  border-radius:50px;
  border-color:skyblue;
  border-style:solid;
  transition:2s ease;
}
.box2:hover {
  border-width:5px;
  border-radius:50px;
  border-color:green;
  border-style:dotted;
  transition:2s …

Create a free account to keep reading this post.

and 3 others joined a min ago.

ADD COMMENT EDIT