How to creat box with hover effects using Html and Css?? | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 3

How to creat box with hover effects using Html and Css??

23rd Jan 2019, 10:42 AM
Zahid
Zahid - avatar
4 Answers
+ 2
html <body> <div class="changeMe"> <p>hello there</p> </div> </body> css <!-- You can change following below --> .changeMe{ width:450px; height:320px; backgroung-color:#ff00ff; } .changeMe:hover{ background-color:#000000; cursor:grab; }
23rd Jan 2019, 11:08 AM
Ümit YAVUZ
Ümit YAVUZ - avatar
+ 1
can u explain a bit i tried but got no result
23rd Jan 2019, 11:14 AM
Zahid
Zahid - avatar
+ 1
<head> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> </head> adding your project or; use <canvas class="changeMe">...</canvas> instead of <div class="changeMe">...</div>
23rd Jan 2019, 2:46 PM
Ümit YAVUZ
Ümit YAVUZ - avatar
+ 1
element:hover{ border-color:color; } this simple put color and border on your target element
29th Jan 2019, 9:52 PM
mziyanda joko
mziyanda joko - avatar