Pens from Филипп Юрьевич Ригованов https://codepen.io/a1ip/ en nospam@codepen.io Copyright 2024 2023-12-09T11:57:33-07:00 CSS Art: Donald Duck https://codepen.io/a1ip/pen/abXMVGX https://codepen.io/a1ip/pen/abXMVGX Филипп Юрьевич Ригованов

See the Code - See it Full Page - See Details

A drawing of Donald Duck coded in HTML + CSS. Responsive and customizable.

]]>
CSS Art: Donald Duck 2023-12-09T11:57:33-07:00
Woman https://codepen.io/a1ip/pen/yLZwPjv https://codepen.io/a1ip/pen/yLZwPjv Филипп Юрьевич Ригованов

See the Code - See it Full Page - See Details

Inspired by [Woman wearing black crew-neck shirt](https://unsplash.com/photos/3TLl_97HNJo) by [Aiony Haust](https://unsplash.com/@aiony) on Unsplash.

]]>
Woman 2023-12-09T11:57:05-07:00
Login form for Textivities https://codepen.io/a1ip/pen/KKJEyRy https://codepen.io/a1ip/pen/KKJEyRy Филипп Юрьевич Ригованов

See the Code - See it Full Page - See Details

Login form for Textivities e-learning site. The woman's arms, eyes, eyebrows, and hands animate depending on the actions taken by the user (the eyes will follow the input size, the hands will cover the eyes, etc.) Unfortunately, it seems that Chrome is the only one animating the changes. Firefox, Safari and IE/Edge will jump directly from one state to the following, so it's not as smooth as in Chrome. I could use a library to fix that, but I wanted to keep it as simple as possible. **Thanks to all that provided feedback here on CodePen or in Twitter, so I could fix some issues and improve the animation.** Inspired by <a href="https://codepen.io/dsenneff/">Darin Senneff</a>'s Yeti pen... (<a href="https://codepen.io/dsenneff/full/2c3e5bc86b372d5424b00edaf4990173/">see it here</a>). Go see that pen, it is amazing!

]]>
Login form for Textivities 2023-12-09T11:56:47-07:00
CSS Homer Simpson https://codepen.io/a1ip/pen/OJdqOZR https://codepen.io/a1ip/pen/OJdqOZR Филипп Юрьевич Ригованов

See the Code - See it Full Page - See Details

Homer Simpson drawn using CSS and HTML

]]>
CSS Homer Simpson 2023-12-09T11:56:21-07:00
"Эксперимент Бюффона" https://codepen.io/a1ip/pen/abXPMMz https://codepen.io/a1ip/pen/abXPMMz Филипп Юрьевич Ригованов

See the Code - See it Full Page - See Details

https://thecode.media/buffon-2/

]]>
"Эксперимент Бюффона" 2023-12-06T08:37:40-07:00
Автотекст https://codepen.io/a1ip/pen/BaMvYOK https://codepen.io/a1ip/pen/BaMvYOK Филипп Юрьевич Ригованов

See the Code - See it Full Page - See Details

https://thecode.media/web-presentation

]]>
Автотекст 2023-12-05T16:55:53-07:00
Sunday CSS #5: Shapes. Part 4/4 https://codepen.io/a1ip/pen/oNQwvQy https://codepen.io/a1ip/pen/oNQwvQy Филипп Юрьевич Ригованов

See the Code - See it Full Page - See Details

Demo for video https://youtu.be/13ZtDbsp1CY

]]>
Sunday CSS #5: Shapes. Part 4/4 2023-07-02T13:30:36-07:00
Птичка на CSS https://codepen.io/a1ip/pen/wvQdEvr https://codepen.io/a1ip/pen/wvQdEvr Филипп Юрьевич Ригованов

See the Code - See it Full Page - See Details

]]>
Птичка на CSS 2023-07-01T09:14:30-07:00
Pure CSS "Windmill" https://codepen.io/a1ip/pen/OJamoLg https://codepen.io/a1ip/pen/OJamoLg Филипп Юрьевич Ригованов

See the Code - See it Full Page - See Details

]]>
Pure CSS "Windmill" 2023-07-01T09:08:26-07:00
Pure CSS Town https://codepen.io/a1ip/pen/abQWjeg https://codepen.io/a1ip/pen/abQWjeg Филипп Юрьевич Ригованов

See the Code - See it Full Page - See Details

]]>
Pure CSS Town 2023-07-01T09:06:32-07:00