Pens from Victor Belozyorov https://codepen.io/WispProxy/ en nospam@codepen.io Copyright 2024 2017-08-27T16:57:59-07:00 Reactive Currant https://codepen.io/WispProxy/pen/GWxmWd https://codepen.io/WispProxy/pen/GWxmWd Victor Belozyorov

See the Code - See it Full Page - See Details

Experimental animation with RxJS and OLOO (interpretation)

]]>
Reactive Currant 2017-03-21T19:02:42-07:00
One Million Grid https://codepen.io/WispProxy/pen/BLwxge https://codepen.io/WispProxy/pen/BLwxge Victor Belozyorov

See the Code - See it Full Page - See Details

Experimental Virtual Grid with 1,000,000 items. Pure JS (without libraries).

]]>
One Million Grid 2016-10-02T16:09:51-07:00
Live bubble https://codepen.io/WispProxy/pen/YGGKdd https://codepen.io/WispProxy/pen/YGGKdd Victor Belozyorov

See the Code - See it Full Page - See Details

Live bubble based on Canvas, requestAnimationFrame and Pure JS (without libraries).

]]>
Live bubble 2016-09-18T13:18:49-07:00
3D snake animation https://codepen.io/WispProxy/pen/pEoNeY https://codepen.io/WispProxy/pen/pEoNeY Victor Belozyorov

See the Code - See it Full Page - See Details

Pure CSS animation of 3D snake based on SCSS and SLIM (without libraries).

]]>
3D snake animation 2016-09-01T17:51:24-07:00
Slider's Fruit https://codepen.io/WispProxy/pen/QEPXNa https://codepen.io/WispProxy/pen/QEPXNa Victor Belozyorov

See the Code - See it Full Page - See Details

Simple Pure JS slider with few nice effects for first loading (Chrome only), controls and switch slides (without libraries).

]]>
Slider's Fruit 2016-09-03T10:39:18-07:00
Burger menu transformation https://codepen.io/WispProxy/pen/GqzoYg https://codepen.io/WispProxy/pen/GqzoYg Victor Belozyorov

See the Code - See it Full Page - See Details

Pure CSS Burger Menu transformation with few effects.

]]>
Burger menu transformation 2017-08-27T16:57:59-07:00
PureSlider https://codepen.io/WispProxy/pen/gMBJXz https://codepen.io/WispProxy/pen/gMBJXz Victor Belozyorov

See the Code - See it Full Page - See Details

PureSlider - it is Pure JS Slider with Options and CSS effects (without libraries).

]]>
PureSlider 2016-09-03T10:57:53-07:00
Gray & White - Skewed Slider with Scrolling https://codepen.io/WispProxy/pen/EyLWKg https://codepen.io/WispProxy/pen/EyLWKg Victor Belozyorov

See the Code - See it Full Page - See Details

This Skewed Slider with Scrolling based on Pure JS and CSS (without libraries).

]]>
Gray & White - Skewed Slider with Scrolling 2016-09-03T11:07:28-07:00
Motion Animation - SVG with JS https://codepen.io/WispProxy/pen/NrXQXr https://codepen.io/WispProxy/pen/NrXQXr Victor Belozyorov

See the Code - See it Full Page - See Details

This Motion web-animation (SVG text) based on GSAP.

]]>
Motion Animation - SVG with JS 2016-07-17T06:59:50-07:00
Circle Scale Animation (Pure JS) https://codepen.io/WispProxy/pen/YWrYGP https://codepen.io/WispProxy/pen/YWrYGP Victor Belozyorov

See the Code - See it Full Page - See Details

This circle scale web-animation based on Pure JS (requestAnimationFrame). Bonus: Pure JS isEaseInOutExpo function.

]]>
Circle Scale Animation (Pure JS) 2016-07-11T05:51:10-07:00