Skip to content

Instantly share code, notes, and snippets.

View daylightnanalog's full-sized avatar

daylightnanalog

  • Kansas City
View GitHub Profile
@daylightnanalog
daylightnanalog / blog-post-item.markdown
Created January 24, 2022 11:13
Blog Post Item
@daylightnanalog
daylightnanalog / card-animation.markdown
Created January 24, 2022 10:58
Card animation
@daylightnanalog
daylightnanalog / animated-social-svg-icons-pt1.markdown
Created January 24, 2022 07:02
Animated social SVG icons (pt1)

Animated social SVG icons (pt1)

Highly optimised monochrome SVG social icons embedded into CSS. Utilising a mix of CSS 3 and vanilla JavaScript to create hover and click animations. Incredibly lightweight with zero dependencies.

A Pen by mike foskett on CodePen.

License.

@daylightnanalog
daylightnanalog / animated-social-svg-icons-pt1.markdown
Created January 24, 2022 06:35
Animated social SVG icons (pt1)

Animated social SVG icons (pt1)

Highly optimised monochrome SVG social icons embedded into CSS. Utilising a mix of CSS 3 and vanilla JavaScript to create hover and click animations. Incredibly lightweight with zero dependencies.

A Pen by mike foskett on CodePen.

License.

@daylightnanalog
daylightnanalog / css3-animated-social-sharing-buttons.markdown
Created January 24, 2022 05:48
CSS3 Animated Social Sharing Buttons

CSS3 Animated Social Sharing Buttons

Playing around with different animation styles for social sharing buttons.

A Pen by Lauren Ashpole on CodePen.

License.

@daylightnanalog
daylightnanalog / fancy-hover-social-buttons.markdown
Created January 24, 2022 02:46
Fancy Hover Social Buttons

Fancy Hover Social Buttons

Fluid social network buttons. On hover the network logo disappears into the distance, and text with the name of the network appears with blur/opacity filters.

Uses Sass (SCSS) + Autoprefixer

A Pen by Ben Hodgson on CodePen.

License.