Pens from Volodymyr Hashenko https://codepen.io/gxash/ en nospam@codepen.io Copyright 2024 2019-11-15T16:22:42-07:00 A Pen by Volodymyr Hashenko https://codepen.io/gxash/pen/OJJapEp https://codepen.io/gxash/pen/OJJapEp Volodymyr Hashenko

See the Code - See it Full Page - See Details

]]>
A Pen by Volodymyr Hashenko 2019-11-15T16:22:42-07:00
Events - jQuery Pull to Refresh example https://codepen.io/gxash/pen/XGNZVq https://codepen.io/gxash/pen/XGNZVq Volodymyr Hashenko

See the Code - See it Full Page - See Details

Example of jQuery pull to refresh events implementation

]]>
Events - jQuery Pull to Refresh example 2019-03-05T21:05:05-07:00
Events - jQuery Pull to Refresh example https://codepen.io/gxash/pen/oVYEGm https://codepen.io/gxash/pen/oVYEGm Volodymyr Hashenko

See the Code - See it Full Page - See Details

Example of jQuery pull to refresh events implementation

]]>
Events - jQuery Pull to Refresh example 2019-03-05T20:45:36-07:00
Elastic pull to refresh https://codepen.io/gxash/pen/JzbEqR https://codepen.io/gxash/pen/JzbEqR Volodymyr Hashenko

See the Code - See it Full Page - See Details

Elastic pull to refresh concept by Ramotion transformed to code :)

]]>
Elastic pull to refresh 2019-03-05T17:06:36-07:00
Slice Mountain https://codepen.io/gxash/pen/qrxNOJ https://codepen.io/gxash/pen/qrxNOJ Volodymyr Hashenko

See the Code - See it Full Page - See Details

]]>
Slice Mountain 2017-03-20T10:46:51-07:00
CSS Loaders https://codepen.io/gxash/pen/qrVWKg https://codepen.io/gxash/pen/qrVWKg Volodymyr Hashenko

See the Code - See it Full Page - See Details

8 CSS loaders

]]>
CSS Loaders 2017-03-16T13:47:05-07:00
Interactive IK from After Effects to svg https://codepen.io/gxash/pen/XMNQxr https://codepen.io/gxash/pen/XMNQxr Volodymyr Hashenko

See the Code - See it Full Page - See Details

This version is interactive, drag the hand to see it in action. Inverse kinematics created with Duik exported from AE It's not baked into keyframes, it's the real AE expressions being evaluated as Javascript. Exported with bodymovin. https://github.com/bodymovin/bodymovin IKR!

]]>
Interactive IK from After Effects to svg 2017-03-08T10:50:41-07:00
Animated svg/css illustration for 2000 subscribers on dribbble by Lina and me @ Zajno https://codepen.io/gxash/pen/wJGPQx https://codepen.io/gxash/pen/wJGPQx Volodymyr Hashenko

See the Code - See it Full Page - See Details

Another one stunning illustration by my lovely Lina, another one milestone for our team's dribbble account (http://dribbble.com/zajno/), so I decided to give it a shot and animate this one in a classic css/svg way. Everything here is prepared in illustrator and exported to svg Fire sequence is hand-crafted by Lina also, animated simply by uing svg sprite and <foreignobject> No real known issues except my one and only, loving Firefox. It really love this browser, but it is a real pain to deal with svg animations and filter in it. Firefox deals strangely with filters and foreignobject here, I know.

]]>
Animated svg/css illustration for 2000 subscribers on dribbble by Lina and me @ Zajno 2017-03-07T16:20:24-07:00
Sprites https://codepen.io/gxash/pen/LxgzNL https://codepen.io/gxash/pen/LxgzNL Volodymyr Hashenko

See the Code - See it Full Page - See Details

]]>
Sprites 2017-02-09T11:53:58-07:00
Sprite sheet animation watercolor https://codepen.io/gxash/pen/MJPvzM https://codepen.io/gxash/pen/MJPvzM Volodymyr Hashenko

See the Code - See it Full Page - See Details

Featured image from: Orangina.eu orangina.eu/assets/web/images/pngsequence-shakethepulp.png

]]>
Sprite sheet animation watercolor 2017-02-09T11:10:30-07:00