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 โ€ข 7 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,042 views โ€ข 1 year 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

425,540 views โ€ข 8 months ago

created this animated vestaboard, made using Next.js and Tailwind CSS
0:11

created this animated vestaboard, made using Next.js and Tailwind CSS

OPM

12,995 views โ€ข 7 months ago

Made this 404 error page just using CSS โœ… Code ๐Ÿ‘‡
0:13

Made this 404 error page just using CSS โœ… Code ๐Ÿ‘‡

Atharva โ˜„๏ธ

190,529 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 โ€ข 6 months ago

good morning i made a seb version of this
0:19

good morning i made a seb version of this

ุ˜

17,251 views โ€ข 1 year ago

I love animating using CSS.
0:19

I love animating using CSS.

David Aerne

120,514 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,192 views โ€ข 11 months 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

84,120 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,769 views โ€ข 8 months ago

Someone made an expanded version of โ€œwhat is this feelingโ€ From Wicked using either ai or cgi
0:17

Someone made an expanded version of โ€œwhat is this feelingโ€ From Wicked using either ai or cgi

Ty

538,390 views โ€ข 1 year 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

92,774 views โ€ข 6 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,627 views โ€ข 1 year ago

Tip: *only* using CSS you can apply styles to a number input conditionally depending on whether its value is within our out of range ๐Ÿคฏ
0:12

Tip: *only* using CSS you can apply styles to a number input conditionally depending on whether its value is within our out of range ๐Ÿคฏ

Minko Gechev

108,671 views โ€ข 3 years ago

portrait of a Jaguar made using dice only. ๐Ÿ“น Anna Dice Artworks
0:16

portrait of a Jaguar made using dice only. ๐Ÿ“น Anna Dice Artworks

Science girl

9,609,231 views โ€ข 7 months ago

Create this layout using nested css grids and media queries ๐Ÿ’ช
0:14

Create this layout using nested css grids and media queries ๐Ÿ’ช

David Mrรกz

14,283 views โ€ข 1 year ago

Create this responsive flex layout using just HTML and CSS ๐Ÿš€
0:10

Create this responsive flex layout using just HTML and CSS ๐Ÿš€

David Mrรกz

38,100 views โ€ข 1 year ago