Skip to content

Instantly share code, notes, and snippets.

@jerinisready

jerinisready/on_hover_shadow.html

Created May 30, 2018 12:00
Show Gist options
  • Save jerinisready/80eaff4f493e525c41646f980663524f to your computer and use it in GitHub Desktop.
Save jerinisready/80eaff4f493e525c41646f980663524f to your computer and use it in GitHub Desktop.
Download ZIP
On Hover Shadow
Raw
on_hover_shadow.html
<style>
.classWithShadow{
-moz-box-shadow: 1px 1px 2px grey, 0 0 25px lightgrey;
-webkit-box-shadow: 1px 1px 2px grey, 0 0 25px lightgrey;
box-shadow: 1px 1px 2px grey, 0 0 25px lightgrey;
}
</style>
<!doctype HTML>
<head></head>
<div class="shadowclass">
<h3 style="padding:30px">Let the Content be here</h3>
</div>
</html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
/* load any version of JQUERY first */
$(".shadowclass").hover(function(){ $(this).toggleClass('classWithShadow');} );
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment