JSFiddle

  • Play animation using :target #1 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    <div class="creature">
        <div class="eyes"></div>
        <div id="play" class="mouth">
    	    <ul class="teeth">
    	    	<li></li>
    	    	<li></li>
    	    	<li></li>
    	    	<li></li>
    	    </ul>
        </div>
    </div>
  • Combine CSS Gradient and Background Image #2 is the latest revision

    No-Library (pure JS), HTML, SCSS, JavaScript

    <div class="mix gradient-1">
        <h2>Vertical Gradient + Image BG</h2>
        <span class="divider"></span>
        <p>Easy combined</p>
    </div>
    <div class="mix gradient-2">
        <h2>Horizontal Gradient + Image BG</h2>
        <span class="divider"></span>
        <p>Get cool looks</p>
    </div>
    <div class="mix gradient-3">
        <h2>Directional Gradient + Image BG</h2>
        <span class="divider"></span>
        <p>Blend your own ...</p></div>