css_class's profile picture. A CSS community by Anima. Open-source projects, articles, tutorials and more.

CSS Class

@css_class

A CSS community by Anima. Open-source projects, articles, tutorials and more.

You might like
CSS Class reposted

Bouncing off the walls... #PureCSS Full code @CodePen : codepen.io/amit_sheen/ful…


CSS Class reposted

My latest #css challenge: an annoying mobile phone that won’t stop buzzing 📱 Made with no HTML and no JS for #nodivember thanks @jh3yy for the idea, check out the codepen: codepen.io/Adir-SL/pen/eY…


CSS Class reposted

Happy Halloween everyone! As promised, here is 'The Caretaker'. A no JavaScript, pure CSS horror / puzzle game. Play it here codepen.io/jcoulterdesign… on @codepen. Thanks to all the people who tested this before release. You know who you are :) Enjoy!


CSS Class reposted

Here’s an hourglass made of a single <div>! codepen.io/jkantner/pen/w… @CodePen #CSS


CSS Class reposted

🤓 How do you prefer to work with CSS?


CSS Class reposted

📺 Must watch! One hour, one <div> HTML element, One #CSS Pumpkin, and One amazing @lynnandtonic ! Video: twitch.tv/videos/7855990…

eladsc's tweet image. 📺 Must watch! One hour, one &amp;lt;div&amp;gt; HTML element, One #CSS Pumpkin, and One amazing @lynnandtonic !

Video:
twitch.tv/videos/7855990…

CSS Class reposted

Have you ever wanted to give fallback for different types of images using only #CSS? Cropping images while using only background-image? You can see a sneak peek at the image() function future feature in my new article. medium.com/@elad/the-new-…


CSS Class reposted

New Pure CSS/HTML drawing. Made for Chrome. And this one you can alter without even using DevTools! No JS, no SVG. Inspired by video game character customization screens, and 90s couture. diana-adrianne.com/purecss-charac…


CSS Class reposted

I may have taken CodePen's "Flash loader" challenge too literally... Hope you don't mind. 😉 Full code @CodePen : codepen.io/amit_sheen/pen…


CSS Class reposted

This fun little guy was made entirely with #CSS just for fun, it was a long time since I had the time to make one of those, almost forgot how fun CSS really is. codepen.io/Adir-SL/full/W… #code #fun #animation #walk @CodePen @CSSInRealLife @css @CSSWeekly


CSS Class reposted

So what do you do when you need an element with 𝗴𝗿𝗮𝗱𝗶𝗲𝗻𝘁 𝗯𝗼𝗿𝗱𝗲𝗿𝘀, 𝗿𝗼𝘂𝗻𝗱𝗲𝗱 𝗰𝗼𝗿𝗻𝗲𝗿𝘀, and a 𝘁𝗿𝗮𝗻𝘀𝗽𝗮𝗿𝗲𝗻𝘁 𝗯𝗮𝗰𝗸𝗴𝗿𝗼𝘂𝗻𝗱? You use 𝗯𝗮𝗰𝗸𝗴𝗿𝗼𝘂𝗻𝗱-𝗶𝗺𝗮𝗴𝗲. Code a simple generator @CodePen : codepen.io/amit_sheen/pen…

amit_sheen's tweet image. So what do you do when you need an element with 𝗴𝗿𝗮𝗱𝗶𝗲𝗻𝘁 𝗯𝗼𝗿𝗱𝗲𝗿𝘀, 𝗿𝗼𝘂𝗻𝗱𝗲𝗱 𝗰𝗼𝗿𝗻𝗲𝗿𝘀, and a 𝘁𝗿𝗮𝗻𝘀𝗽𝗮𝗿𝗲𝗻𝘁 𝗯𝗮𝗰𝗸𝗴𝗿𝗼𝘂𝗻𝗱?
You use 𝗯𝗮𝗰𝗸𝗴𝗿𝗼𝘂𝗻𝗱-𝗶𝗺𝗮𝗴𝗲.

Code a simple generator @CodePen :
codepen.io/amit_sheen/pen…

CSS Class reposted

Hi all! @atomic_variable and I created a music-loving husky puppy for our #monthlycollaboration Planning to add more to this pet fam, so stay tuned 🐶🐱 Design at dribbble.com/shots/14287008… Codepen at codepen.io/saranya-mohan/… #uidesign #design #createwithadobexd #css #animation


CSS Class reposted

📺 My new talk on "How to Create Pure #CSS Games" Talk: youtube.com/watch?v=TmfbHP… Slides: bit.ly/3evOEyr @CodePen: codepen.io/elad2412/full/… Enjoy!

eladsc's tweet image. 📺 My new talk on &quot;How to Create Pure #CSS Games&quot;

Talk:
youtube.com/watch?v=TmfbHP…

Slides:
bit.ly/3evOEyr

@CodePen:
codepen.io/elad2412/full/…

Enjoy!

CSS Class reposted

CSS Class reposted

🤯 Did you know that 1cm or 1in of CSS isn't really equal to a real centimeter/inch?! 👉 CSS Measurement Rules: Always! 1cm == 37.7952756px 1in == 96px CodePen : codepen.io/elad2412/pen/r…

eladsc's tweet image. 🤯 Did you know that 1cm or 1in of CSS isn&apos;t really equal to a real centimeter/inch?! 

👉 CSS Measurement Rules: Always!
1cm == 37.7952756px
1in == 96px

CodePen : 
codepen.io/elad2412/pen/r…

CSS Class reposted

😍 Did you know that with #CSS Grid, you can declare the same height for all the rows according to the highest row?! @CodePen: codepen.io/elad2412/pen/B… Thanks @leac for this great info🙂


CSS Class reposted

In 2020, there is a meaning to give in #CSS a border-width value which includes a pixel fraction, for example: border-width: 0.5px; With this example, on high-density screens (2x), it will behave as half-pixel. CodePen: bit.ly/2FSiQrk

eladsc's tweet image. In 2020, there is a meaning to give in #CSS a border-width value which includes a pixel fraction, for example:
border-width: 0.5px;

With this example, on high-density screens (2x), it will behave as half-pixel.

CodePen:
bit.ly/2FSiQrk

United States Trends

Loading...

Something went wrong.


Something went wrong.