A Pen by Krzysztof Bassowski on CodePen.
Kylen Bassowski rolandkorgowski
A Pen by Krzysztof Bassowski on CodePen.
Click to randomize colors.
A Pen by Kevin Levron on CodePen.
This file contains 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
| #grid | |
| -15.times do | |
| .block | |
| .wrap | |
| .helmet | |
| .head | |
| .mouth | |
| .tongue | |
| -2.times do | |
| .eye |
This file contains 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="wrap"> | |
| <div class="box"></div> | |
| <div class="ball"></div> | |
| </div> |
rolandkorgowski
/ codepen-cheezy-animation-chalenge-ii.markdown
Created
November 8, 2020 20:47
Codepen cheezy animation chalenge II
Created for the October 2020 CodePen Challenge
A Pen by Zarko Rvovic on CodePen.
Unappetizing donuts.
A Pen by Toshiya Marukubo on CodePen.
This file contains 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="scene"> | |
| <div class="rocket"> | |
| <img src="https://icons.iconarchive.com/icons/roundicons/100-free-solid/512/rocket-icon.png" alt=""> | |
| </div> | |
| </div> |
This file contains 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 class="vvg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="vvg" viewBox="0 0 104.211 178.897"> | |
| <defs> | |
| <clipPath id="b"> | |
| <path d="M242.822 893.869c0 61.251-36.059 106.284-94.208 106.284-54.326 0-91.436-45.033-91.436-106.284 0-61.252 37.668-85.951 90.973-85.951 53.306 0 94.67 24.699 94.67 85.95z" fill="red"/> | |
| </clipPath> | |
| <clipPath id="d"> | |
| <ellipse ry="23.111" rx="23.762" cy="827.682" cx="68.304"/> | |
| </clipPath> | |
| <clipPath id="e"> | |
| <ellipse transform="scale(-1 1)" cx="-231.243" cy="827.682" rx="23.762" ry="23.111" fill="#803300"/> |
OlderNewer