Pens from Valery Alikin https://codepen.io/AlikinVV/ en nospam@codepen.io Copyright 2024 2023-11-04T17:13:57-07:00 CSS Card Flip https://codepen.io/AlikinVV/pen/LYqbeWR https://codepen.io/AlikinVV/pen/LYqbeWR Valery Alikin

See the Code - See it Full Page - See Details

Simple card flip using CSS 3D transforms and transitions

]]>
CSS Card Flip 2023-11-04T17:13:57-07:00
A Pen by Valery Alikin https://codepen.io/AlikinVV/pen/XWONVNW https://codepen.io/AlikinVV/pen/XWONVNW Valery Alikin

See the Code - See it Full Page - See Details

]]>
A Pen by Valery Alikin 2023-11-04T17:06:37-07:00
SVG Circle Loader https://codepen.io/AlikinVV/pen/rNdVBxN https://codepen.io/AlikinVV/pen/rNdVBxN Valery Alikin

See the Code - See it Full Page - See Details

]]>
SVG Circle Loader 2022-07-01T13:30:39-07:00
Dots Loader https://codepen.io/AlikinVV/pen/pXpYwm https://codepen.io/AlikinVV/pen/pXpYwm Valery Alikin

See the Code - See it Full Page - See Details

]]>
Dots Loader 2019-06-29T07:33:01-07:00
ToDo Check Mark Transitions - Zdog https://codepen.io/AlikinVV/pen/zVoOab https://codepen.io/AlikinVV/pen/zVoOab Valery Alikin

See the Code - See it Full Page - See Details

]]>
ToDo Check Mark Transitions - Zdog 2019-06-19T11:10:10-07:00
Draggable Skeuomorph Switch - Toggle https://codepen.io/AlikinVV/pen/MdNQRL https://codepen.io/AlikinVV/pen/MdNQRL Valery Alikin

See the Code - See it Full Page - See Details

<p style="text-align:center"><img width="58%" src="https://github.com/alikinvv/skeuomorph-switch/raw/gh-pages/gif.gif?raw=true"></p> <p>Inspired by this <a href="https://dribbble.com/shots/2903053-DailyUI-015-ON-OFF">Dribbble Shot</a>.</p>

]]>
Draggable Skeuomorph Switch - Toggle 2019-07-08T06:06:09-07:00
Like Animation https://codepen.io/AlikinVV/pen/QRadQQ https://codepen.io/AlikinVV/pen/QRadQQ Valery Alikin

See the Code - See it Full Page - See Details

<p style="text-align:center"><img width="58%" src="https://cdn.dribbble.com/users/1773016/screenshots/6527526/2.gif"></p> <p>Inspired by this <a href="https://dribbble.com/shots/3520598-02-Favorite">Dribbble Shot</a>.</p>

]]>
Like Animation 2019-06-08T18:21:16-07:00
Stepper Interaction https://codepen.io/AlikinVV/pen/ywxWBx https://codepen.io/AlikinVV/pen/ywxWBx Valery Alikin

See the Code - See it Full Page - See Details

<p style="text-align:center"><img width="58%" src="https://github.com/alikinvv/stepper/raw/gh-pages/src/img/gif.gif?raw=true"></p> <p>Inspired by this <a href="https://dribbble.com/shots/5539678-Stepper-VI">Dribbble Shot</a>.</p>

]]>
Stepper Interaction 2019-05-11T07:32:32-07:00
Notification Badge Animation https://codepen.io/AlikinVV/pen/wOyGNJ https://codepen.io/AlikinVV/pen/wOyGNJ Valery Alikin

See the Code - See it Full Page - See Details

<p style="text-align:center"><img width="58%" src="https://cdn.dribbble.com/users/1773016/screenshots/6177695/1.gif"></p> <p>Inspired by this <a href="https://dribbble.com/shots/6169148-Notification-Badge">Dribbble Shot</a>.</p>

]]>
Notification Badge Animation 2019-03-16T14:02:57-07:00
Checkbox / radio animation https://codepen.io/AlikinVV/pen/zbNwMj https://codepen.io/AlikinVV/pen/zbNwMj Valery Alikin

See the Code - See it Full Page - See Details

<p style="text-align:center"><img width="58%" src="https://dribbble.s3.amazonaws.com/users/1773016/screenshots/6133760/3.gif?1551882952106"></p> <p>Inspired by this <a href="https://dribbble.com/shots/4898152-Switcher-PRD">Dribbble Shot</a>.</p>

]]>
Checkbox / radio animation 2019-03-16T14:22:00-07:00