P5 creative coding !
Acampbell doc22940
doc22940
/ drag-and-drop-with-html5-and-es6.markdown
Created
December 20, 2020 21:07
Drag and Drop with HTML5 and ES6
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
| <canvas id="c"></canvas> | |
| <a target="__blank" data-text="Made with Verly.js" data-text2="Give Verly.js a star on Github" href="https://github.com/anuraghazra/Verly.js"></a> |
doc22940
/ background-image-gradient-overlay.markdown
Created
December 19, 2020 23:09
Background image gradient overlay
Using the :after element to add a gradient overlay to a background image. Blog post: https://alexcarpenter.me/posts/2018/08/background-image-gradient-overlay/
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
| link( | |
| rel="stylesheet", | |
| href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" | |
| ) | |
| canvas#landing-canvas | |
| .info-container | |
| h1 | |
| | Hi, I'm |
doc22940
/ codepen-challenge-paperboy.markdown
Last active
December 18, 2020 22:07
Codepen Challenge: Paperboy
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 version="1.1" x="0px" y="0px" width="448px" height="500px" viewBox="0 0 448 500"> | |
| <path class="wing right"opacity="0.4" fill="#737A58" d="M243.58,216.823c0,0,132.164-157.88,142.095-183.511 | |
| c9.933-25.631,104.85,50.994,34.854,98.367C350.535,179.054,264.334,219.559,243.58,216.823z"/> | |
| <path class="wing left"opacity="0.4" fill="#737A58" d="M208.092,235.668c0,0-136.666-154-147.333-179.334s-103.333,54-32,99.334 | |
| C100.092,201,187.426,239.001,208.092,235.668z"/> | |
| <g class="bug-body"> | |
| <path fill="#8EAA3D" d="M204.521,193.741c0,0-101.253,180.717,9.944,212.317c111.198,31.601,114.813-106.652,76.844-160.967 | |
| c-37.97-54.313-60.57-47.4-58.763-66.164C234.355,160.165,204.521,193.741,204.521,193.741z"/> | |
| <ellipse fill="#452A11" cx="215.5" cy="107.5" rx="118.5" ry="103.5"/> | |
| <line fill="none" stroke="#000000" stroke-width="9" stroke-miterlimit="10" x1="255" y1="94" x2="225" y2="112"/> |
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 class="bokehs"></div> | |
| <a href="http://una.im">More Image Effects on my Blog :)</a> |