dbel431 dhananjay431

Amazing Sparks Mouse Effect

Interactive mouse effect generating sparks with physically realistic behavior. Made with jQuery.

	<p>Rotate the yellow div element:</p>

	<div id="div1">HELLO</div>

	Rotate: <br>
	<input type="range" min="-360" max="360" value="7" oninput="rotate(this.value)" onchange="rotate(this.value)" /><br>
	transform: rotate(<span id="span1">7deg</span>);

	<p>Rotate the yellow div element:</p>

	<div id="div1">HELLO</div>

	Rotate: <br>
	<input type="range" min="-360" max="360" value="7" oninput="rotate(this.value)" onchange="rotate(this.value)" /><br>
	transform: rotate(<span id="span1">7deg</span>);

	<div class="layout has-sidebar fixed-sidebar fixed-header">
	<aside id="sidebar" class="sidebar break-point-sm has-bg-image">
	<a id="btn-collapse" class="sidebar-collapser"><i class="ri-arrow-left-s-line"></i></a>
	<div class="image-wrapper">
	<img src="assets/images/sidebar-bg.jpg" alt="sidebar background" />
	</div>
	<div class="sidebar-layout">
	<div class="sidebar-header">
	<div class="pro-sidebar-logo">
	<div>P</div>


	$tbl_name:tbl_1;
	$tbl_head_bg_color:#1b47c5;
	$fix_length: 4;

	.#{$tbl_name}_table .#{$tbl_name}_tbody .#{$tbl_name}_th {
	position: relative;
	}
	@for $i from 0 through $fix_length - 1 {
	.#{$tbl_name}_table .#{$tbl_name}_thead .#{$tbl_name}_th:nth-child(#{$i + 1}) {

	<!DOCTYPE NETSCAPE-Bookmark-file-1>
	<!-- This is an automatically generated file.
	It will be read and overwritten.
	DO NOT EDIT! -->
	<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
	<TITLE>Bookmarks</TITLE>
	<H1>Bookmarks</H1>
	<DL>
	<p>
	<DT>


	.target


	$tbl_name:tbl_1;
	$tbl_head_bg_color:#1b47c5;
	$fix_length: 4;
	.#{$tbl_name}_table .#{$tbl_name}_thead .#{$tbl_name}_th:nth-child(1) {
	position: sticky;
	left: 0;
	z-index: 2;
	background-color: $tbl_head_bg_color !important;
	}