Grab The Deal
Purchase Now

ElementsReady Is A Global Consulting Firm With A Twist. We Bring Big Ideas And Challenge The Norm. We Work With Our Clients, Not At Them.

Purchase Now

Code Snippet

Code Snippet

 

ER Code Snippet widget enables you to display your code elegantly without compromising its structure or impacting your website's performance. It preserves the integrity of your code by highlighting tags, classes, structures, and more. Presently, the widget supports 8 various languages.

Demos
Documentation
Style 1 Pro

CSS Code Snippet

 

 

 

                
                    
body {
  font-family: "Heebo", sans-serif;
  font-weight: 300;
  font-size: 15px;
  color: #515A60;
  line-height: 24px; }

rgin: 0 0 15px; }
Style 2 Pro

HTML Code Snippet

 

 

 

                
                    
<!--====== POST PART START ======-->

    <div class="post-area">
        <div class="container">
            <div class="row post-slider">
                <div class="col-lg-4">
                    <div class="single__post">
                        <div class="post-thumb">
                            <img src="assets/images/post-2.jpg" alt="post">
                        </div>
                        <div class="post-content">
                            <h4 class="title"><a href="#">U.S. Response subash says he will label regions by risk of…</a></h4>
                            <p>People have been infected in United…</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--====== POST PART ENDS ======-->
Style 3 Pro

Javascript Code Snippet

                
                    console.clear();
const rnd = gsap.utils.random;
const target = document.querySelector("#target");
const w = window.innerWidth;
const h = window.innerHeight;
const dogCount = 50;

gsap.set(target, { perspective: 900 });

for (let i = 0; i < dogCount; i++) {
  let newDiv = document.createElement("div");
  newDiv.className = "dog";
  target.appendChild(newDiv);
  let bgPos = rnd(0, 4, 1);
  newDiv.style.backgroundPosition = -(bgPos * 100) + "px";

  gsap.set(newDiv, {
    x: rnd(0, w),
    y: rnd(-250, -200),
    z: rnd(-200, 200),
    scale: rnd(0.75, 1)
  });
  fallingDogs(newDiv);
}



gsap.to(target, { duration: 3, opacity: 1, ease: "none", delay: 1 });