Search
 
SCRIPT & CODE EXAMPLE
 

CSS

hover effect

<!DOCTYPE html>
<html>
<body>
<!-----mohammad-alshraideh----->
<h2 class="c" onclick="this.innerHTML='javascript html events'">JavaScript HTML Events</h2>
<h2 class="do" onclick="this.innerHTML='Great'">Click on this text!</h2>
<h2 class="dont" onclick="this.innerHTML='Ooops!'">don't Click here</h2>
<style>
.dont{
  background-color: rgb(26, 206, 86);
width : 190px;
height:70px;
}
.dont:hover{
width : 70px;
height:190px;
  background-color: #bd1111;
}
.do{
  background-color: rgb(26, 206, 86);
  width : 190px;
}

</style>

</body>
</html>
Comment

PREVIOUS NEXT
Code Example
Css :: image cut css 
Css :: svg background 
Css :: how to allign li in row 
Css :: display inline 
Css :: text-align transform 
Css :: move sidebar to top on mobile 
Css :: offsetx and offsety in css 
Css :: ios prevent scroll css 
Css :: font-style 
Css :: html css text between Horizontal line 
Css :: fluorescent blue hex code 
Css :: scale to smaller of vh and vw 
Css :: show input number spin buttons , spinner input number 
Css :: css gap 
Css :: display flex 
Css :: === git ignore 
Css :: scss background color 
Css :: interfaces in golang 
Css :: css animation-name 
Css :: sass color functions 
Css :: backface-visibility: hidden; 
Css :: generate css on scss save 
Css :: display flex css 
Css :: symfony app css not working 
Css :: css aplying everything 
Css :: BEST PLACE TO FIND CSS CODES 
Css :: html css form validation 
Css :: qa vs q! 
Css :: cant change button higeht in @media 
Css :: fixed banner 
ADD CONTENT
Topic
Content
Source link
Name
3+1 =