Matthew Bozanich bozzin
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 href='https://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'> | |
| #stars | |
| #stars2 | |
| #stars3 | |
| #title | |
| %span | |
| PURE CSS | |
| %br | |
| %span | |
| PARALLAX PIXEL STARS |
Fill your text with animated background images - no Javascript required, Webkit only.
A Pen by Daniel Riemer on CodePen.
bozzin
/ a-pen-with-a-twist-pure-css.markdown
Created
December 4, 2019 09:44
A Pen with a Twist - Pure CSS
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
| doctype html | |
| head | |
| title Perlin noise | Fireball explosion | |
| meta(charset='utf-8') | |
| .container-fluid.fixed-top.header.disable-selection | |
| .row | |
| .col | |
| h1 | |
| strong Perlin Noise | |
| //p.small(href='#',role='button') |
A Pen by Aman Agarwal on CodePen.
bozzin
/ fake-3d-effect-with-depth-map.markdown
Created
December 3, 2019 00:22
Fake 3D effect with depth map
Photo by Charles Deluvio 🇵🇭🇨🇦 on Unsplash https://unsplash.com/photos/zqhe4qjVTJI
Tried to replicate the depth effect of https://www.epicurrence.com/ made by https://twitter.com/AriBenoist
A Pen by Robin Delaporte on CodePen.
A Pen by ChaseNorth on CodePen.