a flat CSS Pure snowman made by Ali Khalilifar
A Pen by Ali Khalilifar 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="content"> | |
| <div id="logoContainer"> | |
| <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" version="1.1" x="0" y="0" width="81" height="100" viewBox="0 0 80.9 99.4" xml:space="preserve"><style type="text/css">.stars1{fill:#8A80E8;}</style><path class="stars1" d="M79.3 48.8h-3.5c-1.7 0-3.4-0.7-4.6-1.9 -1-1.1-1.7-2.4-1.8-3.9 0-0.2 0-0.4 0-0.6v-4.5c0-0.9-0.7-1.6-1.6-1.6 0 0 0 0 0 0 -0.9 0-1.6 0.7-1.6 1.6L66 42.2c0 0.3 0 0.5 0 0.8 -0.3 3.2-3.1 5.8-6.4 5.8h-4.5c-0.9 0-1.6 0.7-1.6 1.6 0 0.9 0.7 1.6 1.6 1.6h4.5c3.3 0 5.9 2.7 5.9 5.9v2.9c0 0.9 0.7 1.6 1.6 1.6 0.9 0 1.6-0.7 1.6-1.6v-1.9c0-3.8 3.1-6.8 6.8-6.8h3.6c0.9 0 1.6-0.7 1.6-1.6C80.9 49.5 80.2 48.8 79.3 48.8z"/><path class="stars1" d="M24.1 91.7h-1.3c-0.4 0-0.7-0.1-0.9-0.4 -0.2-0.2-0.3-0.4-0.4-0.7 0-0.1 0-0.1 0-0.2v-1.6c0-0.9-0.7-1.6-1.6-1.6 0 0 0 0 0 0 -0.9 0-1.6 0.7-1.6 1.6l0 1.6c0 0.1 0 0.2 0 0.3 -0.1 0.6-0.6 1.1-1.3 1.1h-1.6c-0.9 0-1.6 0.7-1.6 1.6 0 0.9 0.7 1 |
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="svg__wrap"> | |
| <svg viewBox="0 0 1000 1000" > | |
| <defs> | |
| <filter id="blur"> | |
| <feGaussianBlur stdDeviation="10"/> | |
| </filter> | |
| </defs> | |
| <path class="buddha" d="M500,596.2c0.8-0.9,244.4-238.3,0-238.3C255.7,357.8,498.9,595.1,500,596.2c-115.6-43.9-231.1-87.8-231.1,0 | |
| C269,683.9,384.5,640,500,596.2L500,596.2L500,596.2c115.5,43.9,231,87.7,231,0C731,508.4,615.5,552.3,500,596.2z M500,352.8 | |
| c28.2,0,51-30.6,51-68.3c0-37.7-22.8-68.3-51-68.3c-28.2,0-51,30.6-51,68.3C449,322.3,471.8,352.8,500,352.8z"/> |
SVG Checkmark animation
A Pen by Sean Michael on CodePen.
rleaf
/ animated-css-gradient-border.markdown
Created
December 7, 2018 03:56
Animated CSS Gradient Border
Inspired by the github universe alert: https://s3-us-west-2.amazonaws.com/s.cdpn.io/173256/github-universe.png
A Pen by Mike Schultz on CodePen.
rleaf
/ flashing-christmas-tree-with-sass.markdown
Created
December 13, 2018 16:32
Flashing Christmas Tree with Sass
Using Sass maps to create a multi-coloured flashing light effect.
A Pen by Michelle Barker on CodePen.
Example treatment for a custom round checkbox.
A Pen by Matt Smith on CodePen.
rleaf
/ animated-background-gradient.markdown
Created
February 11, 2019 18:23
Animated Background Gradient
A Pen by Captain Anonymous on CodePen.
OlderNewer