Css hover

Code: CSS

2021-01-31 23:55:11

/* Changes an element's color on hover */

.selector {
	background-color: black;
}

.selector:hover {
	background-color: blue;
}

10

1 0

Code: CSS

2021-02-02 14:53:21

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.btn {
  background-color: #f4511e;
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  font-size: 16px;
  margin: 4px 2px;
  opacity: 0.6;
  transition: 0.3s;
}

.btn:hover {opacity: 1}
</style>
</head>
<body>

<h2>Fading Buttons - "Fade in Effect"</h2>

<button class="btn">Hover Over Me</button>

</body>
</html>

0

FuriousFolder

Code: CSS

2021-01-27 20:53:50

.YOURHTMLCONTENT i {
    height: auto;
    float: left;
    color: #fff;
    font-size: 55px;
    margin: 30px 30px 30px 30px;
    transition: 0.8s;
    transition-property: color, transform;
}

.YOURHTMLCONTENT i:hover {
    color: #FF5733;
    transform: scale(1.3);
}

0

L. M

Code: CSS

2021-02-22 08:17:40

.a:hover{background-color: black;}

14

tkp

Code: CSS

2021-04-23 08:05:17


  
    a.ex1:hover, a.ex1:active {
  color: red;
}


 a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

1

AndrewK

Code: CSS

2021-02-09 16:17:51

a:hover {
  background-color: yellow;
}

2

val314159

Code: CSS

2021-02-06 11:15:36


  
a:hover{ 
	background-color: yellow;
}

0

Mike S

Code: CSS

2021-02-06 11:14:09


  
    /* unvisited link */
a:link {
  color: green;
}

 
/* visited link */

 a:visited {
  color: green;
}

/* mouse over link */

 a:hover {
  color: red;
}

/* selected link */

 a:active {
  color: yellow;
}

3

nsnsnsns

Code: CSS

2021-08-12 01:22:50


  
    a:hover
 { 

   background-color: yellow;

 }

0

Tags

Related

New to Communities?