These 20 Art Pieces Are Done PURELY In CSS

[@rproctor83]

When my boss asks me to do something cool with CSS I usually go with a border radius.

[@Georgeous42]

xD

[@oliver139]

Boss: Not cool enough Me: **Add box-shadow**

[@Alex_Eicher]

My qualifications: *bold*

[@ReligionAndMaterialismDebunked]

Very awesome creations! 😻🤝🔥 I'm not into the World Cup, a huge distraction to masses, and kinda boring though impressive feats. Plenty of fans are just toxic or even homicidal based on bets and such, and a lot of exposed mental abuse from how they condition athletes, but I give props to Messi, fellow Jewish brother! 🌱💚 Very nice to be the typically most favourited fútbol player, especially during the times with Ye and others spreading racist-founded debunked remarks against us (especially coming from other man-made religions who misconstrue an unhistorical, unoriginal, Jewish not Christian "Jesus" [when J didn't exist back then and that's not a Jewish name but a Greek name]). :3

[@MattRose30000]

@@oliver139 well, since the current mainstream design philosophy seems to be "make everything look as flat and borderless as possible", a shadow can go a long way 😉

[@nandomercy1]

it blows my mind that some people are this skilled

[@graydhd8688]

Honestly seeing the depth people have taken CSS I'm inspired to learn it as deeply as possible. I already get overwhelmed with the sheer number of tools out there, from ui libraries, or things like tailwind. I'd rather create my own visual elements myself and have complete artistic control over the things I design so going all in with CSS just feels right for me.

[@kesvalsensei8251]

Hey Kevin, your videos are amazing. Love you always having a happy mood through your videos, makes me happy too!

[@Po4to]

That Mario 64 is just insane! The original was easily the most amazing piece of real-time graphics in the 90's - and it is so awesome there are people out there pushing CSS art further in that direction.

[@alvarezgamers]

Meanwhile I’m still trying to grasp the box model lol

[@xBZZZZyt]

00:07 how to get started: 1. make image file 2. base64 encode it 3. background-image:url(data:image/{TYPE HERE};base64,{BASE64 HERE})

[@codingwithjaybird]

Love watching your videos! Thank you! It’s inspiring for me and my coding channel 😊

[@Jackie_Chan-w2m]

Wait don't tell me that you type some code on the keyboard, and these beautiful paintings emerge!? How is that even possible??????

[@DonkeyHopper]

And as Kevin reads everyone's minds, he did read my mind today, was just thinking about not seeing any CSS only video on this channel and voila, Kevin posts this! ❤️

I do wonder if the 'picture' artwork is done via some sort of a tool.? CorelDraw for example has tools to convert images to line art which you could store as SVG. It seems plausible to create similar tool which generates divs with css.

[@KevinPowell]

There are generators out there, the Mona Lisa one I skipped is an example of that. Maybe one skipped through, but most of these artists are well known for the insane things they're creating with CSS 🙂

[@DuneNobleman]

ok wow, very impressive! And, thank you Kevin, I've picked up a few tricks from you for sure.

[@CoderChrisDean]

Just started a coding bootcamp a few months ago, my tutor says the art can be created in adobeXD and then adobeXD can turn it into code for CSS and HTML.

[@CoderChrisDean]

Is this true?

[@ronnie4995]

These art are pure inspiration

[@SunilSuresh786]

Mindblowing!!!

[@triteraerlangga7917]

And here I am still wondering how to center a div

[@نزارفادو]

hey kevin, i was wondering if it was possible to use absolute positioning without breaking the responsivness of the page because whenever i use absolute positioning i always break the responsiveness

[@D7460N]

Amazing!

[@Shan_Dev]

Love your videos 💞

[@daveturnbull7221]

These are awesome.

[@mykalimba]

I kinda just scrubbed through the video, so I don't know if you mentioned this, but aren't most or all of these created using a tool or utility to convert an existing thing (image, 3D model, whatever) into its CSS equivalent? Does anyone really think that someone is spending the time that would be required to create any of these by "hand-coding" CSS?

[@ronnie4995]

Damn! I didn't know about this website. I just saw myself there. 😍😍

[@shatadal_das]

Make a video on How specificity is calculated

[@KevinPowell]

Right here: kzbin.info/www/bejne/mWHOl5aGlNN3b6c :)

[@shatadal_das]

@@KevinPowell I understand the specificity thing but in VS Code specificity is shown as (0, 0, 1) or (0, 2, 0). I wanna know how this numbers are calculated. :)

[@KevinPowell]

@@shatadal_das that's what I talk about in the video I linked, about 5 minutes on I even look at a calculator for it

[@Stoney_Eagle]

Our king humbly steps down of the throne. 😆 These people are in a other universe where the levels go to 10000, my god they are good.

[@kusumshrivastav8624]

I am glad my daughter name on the 27 position in the pure css artist

[@ShadowDrakken]

Haha, the 3D Mario is from Super Mario 64 :) I wonder if you can tug on his face like in the game? :)

[@naczelnypsycholog6296]

hmm on one hand it's amazing on the other hand is that useful ? xD if you could paste image or svg for example

[@AzaB2C]

Appreciate your videos Kevin, very helpful. Were these great art pieces created by some css/html spewing illustrator add-in? Kinda like lotty animations.

[@KevinPowell]

I skipped the only one that would have been generated, as far as I know. In general, these are always hand crafted :)

[@jerryfleurival]

All nice! Now how about CSS only games.

[@ZacxOff]

Mario.. like March Not Mario like Mary

[@ahmadmuqadas78]

and here i am stuck on how to center a div .

[@86_magical30]

I'm sorry Kevin, that first one are you sure it's not an img tag 😱😱😱

[@thegoldenagelegendz4425]

Could you please tell any website where i can learn full stack web dev for free.

[@josuealexandericujac7083]

Freecodecamp

[@unique_savage7765]

udemy

[@KevinPowell]

As Josué said, FreeCodeCamp is an awesome resource

[@thegoldenagelegendz4425]

@@KevinPowell Thanks

[@thegoldenagelegendz4425]

@@josuealexandericujac7083 Thanks

[@avi12]

It would be nice if you could timestamp every CSS art reaction

[@tcgvsocg1458]

excellent

[@Юрий-ж5м7о]

Nice

[@catalinsuilea1968]

Meanwhile I'm struggling to center a div :)

[@ReligionAndMaterialismDebunked]

Very awesome creations! 😻🤝🔥 I'm not into the World Cup, a huge distraction to masses, and kinda boring though impressive feats. Plenty of fans are just toxic or even homicidal based on bets and such, and a lot of exposed mental abuse from how they condition athletes, but I give props to Messi, fellow Jewish brother! 🌱💚 Very nice to be the typically most favourited fútbol player, especially during the times with Ye and others spreading racist-founded debunked remarks against us (especially coming from other man-made religions who misconstrue an unhistorical, unoriginal, Jewish not Christian "Jesus" [when J didn't exist back then and that's not a Jewish name but a Greek name]). :3

[@rameshsilva8212]

👍

[@Mattias-mc1rm]

u look similar to linus thorwald

[@apangkekivi3460]

And we can't even center div😭

[@gaurav561crazy5]

What da