toybreaker

<!--
Sections animate in and out on scroll. Scroll up or down and the sections will wrap around after hitting the start or end. Uses GSAP for the animations.
-->

<header>
  <div>Animated</div>
  <div><a href="https://codepen.io/BrianCross/pen/PoWapLP">Originalhere</a></div>
</header>
<section class="first">
  <div class="outer">

toybreaker

Don't Flip, keep going!

simple flip on click with plain vanilla javascript

A Pen by rokma on CodePen.

License.

toybreaker

<div class="wrapper">
  <div class="turtle">
    <div class="leg"></div>
    <div class="body"></div>
    <div class="head"></div>
  </div>
</div>

toybreaker

<div class="wrapper">
  <div class="turtle">
    <div class="leg"></div>
    <div class="body"></div>
    <div class="head"></div>
  </div>
</div>

toybreaker

<svg 
  viewBox="0 0 1000 1000" 
  width="1000" 
  height="1000" 
  role="img"
>
  <title>
    A geometric pattern composed of nested circles and squiggly lines.
    Inspired by Legends of Zelda: Tears of the Kingdom
  </title>

toybreaker

Animated SVG Turbulence Filter

inspired by #Codevember 08 - Animated SVG Turbulence Filter A PEN BY Sean Free

A Pen by Gabi on CodePen.

License.

toybreaker

<h1>
  SVG Turbulence Filter Test
</h1>
<p id="sentence" contenteditable="true" spellcheck="false">
  The <strong>feTurbulence</strong> SVG filter generates and renders <em>Perlin noise</em>. This can be used
  by CSS to distort <strong>elements and text</strong>. Try selecting or editing <em>this text</em>. You can fiddle
  with the sliders below to <strong>change the effect</strong>.
</p>

<div class="sliders">

toybreaker

A DRY alternative to Dark Mode in CSS, abstracted in SCSS

A Pen by Christopher Kirk-Nielsen on CodePen.

License.

toybreaker

Gallery Image Instagram - jQuery

Sua imagens do Instagram com um pouco de JavaScript. Using javascript get for your photos from Instagram.

Forked from Emerson Thompson's Pen Gallery Image Instagram - jQuery.

A Pen by rokma on CodePen.

License.

sbycrosz

// Local image placeholder service
// Usage: <img src="http://localhost:9999/300/400" /> 

var express = require('express'),
    app = express(),
    gm = require('gm');

app.get('/:width/:height', function(request, response){
  var width = request.params.width,
    height = request.params.height,