Pens from Alan Vitek https://codepen.io/alanvitek/ en nospam@codepen.io Copyright 2024 2024-01-24T16:41:39-07:00 3D card https://codepen.io/alanvitek/pen/ExMwgqa https://codepen.io/alanvitek/pen/ExMwgqa Alan Vitek

See the Code - See it Full Page - See Details

Background from a project I've worked on : https://www.hpsoundincolor.com/

]]>
3D card 2024-01-24T16:41:39-07:00
A Pen by Alan Vitek https://codepen.io/alanvitek/pen/mdvmRRv https://codepen.io/alanvitek/pen/mdvmRRv Alan Vitek

See the Code - See it Full Page - See Details

]]>
A Pen by Alan Vitek 2023-11-16T17:54:36-07:00
CSS-only Accordion (forked) https://codepen.io/alanvitek/pen/xxyWKmP https://codepen.io/alanvitek/pen/xxyWKmP Alan Vitek

See the Code - See it Full Page - See Details

This CodePen demonstrates how we can animate the opening and closing states of an accordion with fancy reveal animation using only CSS. This concept is suitable for creating **FAQ sections**, **Table of Contents**, and more.

]]>
CSS-only Accordion (forked) 2023-05-08T19:14:19-07:00
Nintendo Switch Open Game UI Effect https://codepen.io/alanvitek/pen/ZEMBmrW https://codepen.io/alanvitek/pen/ZEMBmrW Alan Vitek

See the Code - See it Full Page - See Details

Just simple effect that emulates what the UI does when the user loads a game on the Nintendo Switch.

]]>
Nintendo Switch Open Game UI Effect 2023-02-27T17:19:50-07:00
Rounded Style Fullscreen Blog Post https://codepen.io/alanvitek/pen/WNgxMPV https://codepen.io/alanvitek/pen/WNgxMPV Alan Vitek

See the Code - See it Full Page - See Details

Inspired by 2000s flash web design trends, and also some stuff I've seen floating around on dribbble recently, this is a fullscreen roundy-boi blog post with overflow on desktop. On mobile, it's a simple one column - you know the drill.

]]>
Rounded Style Fullscreen Blog Post 2023-02-23T19:54:12-07:00
Floating Animation https://codepen.io/alanvitek/pen/qBaKQaV https://codepen.io/alanvitek/pen/qBaKQaV Alan Vitek

See the Code - See it Full Page - See Details

]]>
Floating Animation 2021-01-07T16:30:39-07:00
IFTA: Infield Top Aligned Labels https://codepen.io/alanvitek/pen/PoZPvRp https://codepen.io/alanvitek/pen/PoZPvRp Alan Vitek

See the Code - See it Full Page - See Details

]]>
IFTA: Infield Top Aligned Labels 2020-06-09T15:56:53-07:00
Responsive HTML5 Background Video Demo https://codepen.io/alanvitek/pen/GRgrBvz https://codepen.io/alanvitek/pen/GRgrBvz Alan Vitek

See the Code - See it Full Page - See Details

Example of a solid implementation of a html5 video used as a background for a 'hero' element on the page (not full-screen).

]]>
Responsive HTML5 Background Video Demo 2019-12-18T19:01:08-07:00
Wandering Skeletons https://codepen.io/alanvitek/pen/MWgbZPW https://codepen.io/alanvitek/pen/MWgbZPW Alan Vitek

See the Code - See it Full Page - See Details

]]>
Wandering Skeletons 2019-08-22T02:10:48-07:00
Simple Checkmark https://codepen.io/alanvitek/pen/gNeoZE https://codepen.io/alanvitek/pen/gNeoZE Alan Vitek

See the Code - See it Full Page - See Details

]]>
Simple Checkmark 2023-02-23T20:04:04-07:00