Pens from Rainer Berthold https://codepen.io/bitsofbert/ en nospam@codepen.io Copyright 2024 2018-05-09T14:21:01-07:00 Bulletproof gradient text? https://codepen.io/bitsofbert/pen/zjRPLx https://codepen.io/bitsofbert/pen/zjRPLx Rainer Berthold

See the Code - See it Full Page - See Details

]]>
Bulletproof gradient text? 2018-05-09T14:21:01-07:00
Open menu effect | Pure CSS https://codepen.io/bitsofbert/pen/gmMxLz https://codepen.io/bitsofbert/pen/gmMxLz Rainer Berthold

See the Code - See it Full Page - See Details

Uses checkbox to open the menu

]]>
Open menu effect | Pure CSS 2017-03-04T17:56:37-07:00
svg-petal animated https://codepen.io/bitsofbert/pen/oZLWKr https://codepen.io/bitsofbert/pen/oZLWKr Rainer Berthold

See the Code - See it Full Page - See Details

in 2003 i had a final exam in macromedia director on mac os 9.2 called inner lounge. tried it at zkm - no chance :-) this flower is born out of this old script and based on the pen of Dudley Storey (http://codepen.io/dudleystorey/pen/YWNdNL) : "An SVG lotus generated using JavaScript, HSL, and mix-blend-mode. Full explanation on [my site](http://thenewcode.com/1107/Creating-an-SVG-Lotus-with-JS-and-CSS-Blend-Modes)."

]]>
svg-petal animated 2017-03-05T05:03:00-07:00
Sticky Slider Navigation (Responsive) https://codepen.io/bitsofbert/pen/MpKbRz https://codepen.io/bitsofbert/pen/MpKbRz Rainer Berthold

See the Code - See it Full Page - See Details

Navigation bar that sticks as you scroll, animating a slider which indicates the page section you are currently looking at. Written with SCSS, Javascript, and JQuery.

]]>
Sticky Slider Navigation (Responsive) 2017-03-01T16:34:52-07:00
SVG Lotus-m01 https://codepen.io/bitsofbert/pen/Vpeexq https://codepen.io/bitsofbert/pen/Vpeexq Rainer Berthold

See the Code - See it Full Page - See Details

An SVG lotus generated using JavaScript, HSL, and mix-blend-mode. Full explanation on [my site](http://thenewcode.com/1107/Creating-an-SVG-Lotus-with-JS-and-CSS-Blend-Modes).

]]>
SVG Lotus-m01 2017-03-01T14:30:23-07:00