Fun little interactive icon inspired by the brilliant icon designs for Dustin's Words.
https://thenounproject.com/dustinswords/
A Pen by Chris Gannon on CodePen.
Isaac A. Dettman idettman
idettman
/ dustin-s-words-svg-play-with-me.markdown
Created
May 16, 2019 04:56
Dustin's Words: SVG Play With Me
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <svg width="840" height="600" viewBox="0 0 840 600"> | |
| <defs> | |
| </defs> | |
| <g class="conveyorGroup"> | |
| <path class="conveyor" fill="none" stroke="#343434" stroke-width="18" stroke-miterlimit="10" d="M724.8,568H496.9c-28.5,0-51.9-23.3-51.9-51.9v0 | |
| c0-28.5,23.3-51.9,51.9-51.9h227.8c28.5,0,51.9,23.3,51.9,51.9v0C776.6,544.7,753.3,568,724.8,568z"/> | |
| <path class="wheelL" fill="#343434" d="M527,521v-8h-7c-0.5-3.6-1.8-7-3.7-9.9l5.4-5.4l-5.7-5.7l-5.2,5.2c-2.6-2-5.6-3.4-8.9-4.2V486h-8v6.6 | |
| c-4.2,0.5-8.2,2.1-11.4,4.5l-5-5l-5.7,5.7l5.1,5.1c-2,3-3.4,6.4-3.9,10.2H467v8h6.4c0.7,3.5,2.2,6.7,4.3,9.4l-4.6,4.6l5.7,5.7 | |
| l4.8-4.8c3.1,2,6.6,3.4,10.4,3.8v6.3h8v-6.8c2.9-0.7,5.5-1.9,7.9-3.5l5,5l5.7-5.7l-4.9-4.9c2-2.7,3.4-5.8,4.1-9.2H527z M510.3,516.1 | |
| c0,7.5-6.1,13.7-13.7,13.7s-13.7-6.1-13.7-13.7s6.1-13.7,13.7-13.7S510.3,508.6,510.3,516.1z"/> |
idettman
/ gaussian-distribution-with-physics.markdown
Created
May 16, 2019 04:55
Gaussian Distribution with Physics
A Pen by Frank Dumont on CodePen.
idettman
/ index.haml
Created
May 16, 2019 04:55
Rollers #2 (pure CSS infinitely unwrap/ wrap prisms)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .scene | |
| -(2..15).each do |i| | |
| .assembly | |
| .strip | |
| -(1..2).each do | |
| .roller | |
| -(1..i).each do |j| | |
| .side |
idettman
/ dailysvg-plus-day-15-red-planet-svg-pattern-by-mge_de.markdown
Created
May 16, 2019 04:55
#dailySVG #Plus – Day 15 – Red Planet – #SVG #Pattern by @mge_de
Getting the hang of 3D rotations
A Pen by Michael Gehrmann on CodePen.
idettman
/ flat-design-amusement-park-svg-by-lina-animation-powered-by-css.markdown
Created
May 16, 2019 04:54
Flat design amusement park svg by Lina (animation powered by CSS)
Here's an svg from my lovely Lina - her flat design amusement park for debut dribbble shot, animated by me with power of pure css3, made here at Zajno
https://dribbble.com/shots/2747921-Flat-Vector-Ferris-Wheel-Animation
A Pen by Vladimir Gashenko on CodePen.
Needed a change from all the pixel art, found this as a GIF, thought it would look better in CSS. (http://howzyerteeth.beacondeacon.com/Fibonacci/)
Edit:: Refactored the logic of movement. Read the comments in JS if you want to see how it worked before that.
A Pen by Codrin Pavel on CodePen.
A Pen by Ruben Godeau on CodePen.
hack physics for fun and profit
A Pen by Rachel Smith on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div id="canvas-frame"></div> |