Pens from Lucas Park https://codepen.io/lucaspark/ en nospam@codepen.io Copyright 2024 2018-09-12T19:30:09-07:00 Animation Test https://codepen.io/lucaspark/pen/gdzgEX https://codepen.io/lucaspark/pen/gdzgEX Lucas Park

See the Code - See it Full Page - See Details

]]>
Animation Test 2018-09-12T19:30:09-07:00
Offset-effect Button https://codepen.io/lucaspark/pen/XYMxZo https://codepen.io/lucaspark/pen/XYMxZo Lucas Park

See the Code - See it Full Page - See Details

]]>
Offset-effect Button 2018-06-11T18:14:46-07:00
Sliders w/ static bg image https://codepen.io/lucaspark/pen/PaqJYY https://codepen.io/lucaspark/pen/PaqJYY Lucas Park

See the Code - See it Full Page - See Details

]]>
Sliders w/ static bg image 2018-05-31T18:46:31-07:00
Button Example https://codepen.io/lucaspark/pen/BVNROp https://codepen.io/lucaspark/pen/BVNROp Lucas Park

See the Code - See it Full Page - See Details

]]>
Button Example 2018-06-01T18:52:35-07:00
Animated SVG Clip Background https://codepen.io/lucaspark/pen/KzmMvg https://codepen.io/lucaspark/pen/KzmMvg Lucas Park

See the Code - See it Full Page - See Details

A div with an animated background in an SVG clip. I've only ever seen static imgs and very basic SVG paths used in demos. I wanted to see how cool we can make things. It should be fairly light-weight. The animation is probably the heaviest component, and can easily be disabled to simply make a cool gradient "mask" effect with an SVG. Messing around with SVGs, and what can be done. I've combined a lot of tactics from different resources to make this.

]]>
Animated SVG Clip Background 2016-03-23T05:20:43-07:00
Demo Flexbox 3 https://codepen.io/lucaspark/pen/Nqpjwe https://codepen.io/lucaspark/pen/Nqpjwe Lucas Park

See the Code - See it Full Page - See Details

Forked from [Hugo Giraudel](http://codepen.io/HugoGiraudel/)'s Pen [Demo Flexbox 3](http://codepen.io/HugoGiraudel/pen/qIAwr/).

]]>
Demo Flexbox 3 2015-06-03T07:50:58-07:00
SVG Icon Animations https://codepen.io/lucaspark/pen/ZYzNEj https://codepen.io/lucaspark/pen/ZYzNEj Lucas Park

See the Code - See it Full Page - See Details

Add-on to icon sets that create an outline hover animation using SVG.

]]>
SVG Icon Animations 2014-11-11T17:53:29-07:00
CSS Only Mobile Menu https://codepen.io/lucaspark/pen/yLbKOM https://codepen.io/lucaspark/pen/yLbKOM Lucas Park

See the Code - See it Full Page - See Details

Mobile accordion menu that will work with CSS only. Tested on Android 4.0 + and iOS.

]]>
CSS Only Mobile Menu 2014-12-10T12:59:28-07:00
Multiple fullscreen backgrounds https://codepen.io/lucaspark/pen/WNjRpo https://codepen.io/lucaspark/pen/WNjRpo Lucas Park

See the Code - See it Full Page - See Details

Showing how to layer backgrounds, implement different types of background images together.

]]>
Multiple fullscreen backgrounds 2018-04-05T18:48:19-07:00
Animated Rotating Gradient Circles https://codepen.io/lucaspark/pen/mdmRrN https://codepen.io/lucaspark/pen/mdmRrN Lucas Park

See the Code - See it Full Page - See Details

Animated gradient backgrounds, with a circle border-radius.

]]>
Animated Rotating Gradient Circles 2018-04-05T18:51:46-07:00