Loading video...

Video Failed to Load

Go Home

I made a version of this using only modern CSS. 👀

hkfoster's profile picture

H. Kyle Foster

1,237 subscribers

64,822 views • 10 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

A fun CSS-only experimentation using modern features (anchor positioning, @​property, :has(), and more!) for this week #codepenchallenge Demo: via CodePen.IO
0:17

A fun CSS-only experimentation using modern features (anchor positioning, @​property, :has(), and more!) for this week #codepenchallenge Demo: via CodePen.IO

CSS by T. Afif

12,160 views • 1 year ago

The triangle🔺 is the most popular shape and I still see old and obsolete methods to create it. ⚠️STOP DOING THIS⚠️ 👉 A collection of CSS-only triangles made with a single-element and modern CSS. With the border-only and rounded corners variations.
0:16

The triangle🔺 is the most popular shape and I still see old and obsolete methods to create it. ⚠️STOP DOING THIS⚠️ 👉 A collection of CSS-only triangles made with a single-element and modern CSS. With the border-only and rounded corners variations.

CSS by T. Afif

14,689 views • 2 years ago

made only using css. no js listener used. took me longer than i thought it would. for hover state im doing `:has(*:is(.sidebar-icon-trigger:hover` so much you can do in css using pseudo classes. invest in css.
0:12

made only using css. no js listener used. took me longer than i thought it would. for hover state im doing `:has(*:is(.sidebar-icon-trigger:hover` so much you can do in css using pseudo classes. invest in css.

Soren

426,122 views • 11 months ago

Made this 404 error page just using CSS ✅ Code 👇
0:13

Made this 404 error page just using CSS ✅ Code 👇

Atharva ☄️

190,551 views • 3 years ago

💡 CSS Tip! Two circles, one arrow, and CSS magic. 🪄 A cool demo packed with modern features (anchor positioning, attr(), container queries, shape(), and more!) 🤩 The shape and position of the arrow are fully controlled using CSS.
0:19

💡 CSS Tip! Two circles, one arrow, and CSS magic. 🪄 A cool demo packed with modern features (anchor positioning, attr(), container queries, shape(), and more!) 🤩 The shape and position of the arrow are fully controlled using CSS.

CSS by T. Afif

82,668 views • 9 months ago

By combining the SVG bloom filter I made with CSS animations, I can create this glowing effect with pure CSS! The web platform has so much to uncover 👀✨
0:14

By combining the SVG bloom filter I made with CSS animations, I can create this glowing effect with pure CSS! The web platform has so much to uncover 👀✨

Kevin Grajeda

29,161 views • 1 year ago

Made this Responsive Login & Registration Form using HTML and CSS How is it guys?
0:12

Made this Responsive Login & Registration Form using HTML and CSS How is it guys?

Raja Junaid 🚀

129,888 views • 3 years ago

I love animating using CSS.
0:19

I love animating using CSS.

David Aerne

120,528 views • 2 years ago

Using Merlin Wizard buying some $Ani , and made 27% profits... And I bought $Ani with Bitcoin 👀👀👀 🎁1000 $Ani * 3 Like, Retweet and Follow Stay tuned about this new version... More features coming..
0:19

Using Merlin Wizard buying some $Ani , and made 27% profits... And I bought $Ani with Bitcoin 👀👀👀 🎁1000 $Ani * 3 Like, Retweet and Follow Stay tuned about this new version... More features coming..

Jeff - Merlin Chain

12,209 views • 1 year ago

a true labor of love - welcome to my digital garden of the internet :) using raw html/css/js + an ungodly amount of coffee, i made my personal site a Single Page Application navigable with your number keys.
0:11

a true labor of love - welcome to my digital garden of the internet :) using raw html/css/js + an ungodly amount of coffee, i made my personal site a Single Page Application navigable with your number keys.

steve

20,759 views • 1 year ago

i made a little animated version out of this 🤭🖤🩵 #wriolette
0:15

Sensitive content

i made a little animated version out of this 🤭🖤🩵 #wriolette

rukk

87,027 views • 1 year ago

💡CSS Tip! Create a tooltip that follows an anchor with modern CSS! No JavaScript is used to control the position of the tooltip or its tail. It's 100% CSS magic!
0:16

💡CSS Tip! Create a tooltip that follows an anchor with modern CSS! No JavaScript is used to control the position of the tooltip or its tail. It's 100% CSS magic!

CSS by T. Afif

57,924 views • 11 months ago

🎮 New CSS Game! What about a CSS game that you can play with your keyboard? No, it's not a joke but a reality! Play "Super CSS Mario", the first CSS-Only game playable using your keyboard. CodePen.IO demo in the next tweet 👇 0% JavaScript - 100% CSS Magic! Have fun🤩
0:17

🎮 New CSS Game! What about a CSS game that you can play with your keyboard? No, it's not a joke but a reality! Play "Super CSS Mario", the first CSS-Only game playable using your keyboard. CodePen.IO demo in the next tweet 👇 0% JavaScript - 100% CSS Magic! Have fun🤩

CSS by T. Afif

13,762 views • 2 years ago

big fan of this trend so I made a phaidei version #phaidei #Phainon #Mydei
0:18

big fan of this trend so I made a phaidei version #phaidei #Phainon #Mydei

Line🌸🌿|| working on comms

99,365 views • 8 months ago

Added three new buttons to my library among 22 other buttons. Made in Webflow using custom CSS. Maybe we can make it a Free Button Friday thing but I can't do it alone 👀 It's a cloneable. Link is in the comments.
0:15

Added three new buttons to my library among 22 other buttons. Made in Webflow using custom CSS. Maybe we can make it a Free Button Friday thing but I can't do it alone 👀 It's a cloneable. Link is in the comments.

Eduard Bodak

15,648 views • 1 year ago