dhananjay431

<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>);

dhananjay431

<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>);

dhananjay431

 
.target

dhananjay431

Amazing Sparks Mouse Effect

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

A Pen by Nazar Kyselov on CodePen.

License.

dhananjay431

<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>

dhananjay431

$test:(
"m":margin,
"p":padding
);
$test2:(
"t":top,
"b":bottom,
"l":left,
"r":right);
$mp:(

dhananjay431

$test:(
"m":margin,
"p":padding
);
$test2:(
"t":top,
"b":bottom,
"l":left,
"r":right);
$mp:(

dhananjay431

$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}) {

dhananjay431

$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;
}

dhananjay431

<!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>