CSS Class @css_class

A CSS community by Anima. Open-source projects, articles, tutorials and more. cssclass.com Joined April 2020

Tweets

135
Followers

86
Following

65
Likes

298

Amit Sheen @amit_sheen

5 years ago

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

18 46 295 0 22

Download Video

AdirCode 🔥 @adircode

5 years ago

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…

0 3 5 0 0

Download Video

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!

47 221 907 0 109

Download Video

Jon Kantner @jonkantner

5 years ago

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

0 4 20 0 2

Download Video

Elad Shechter @eladsc

5 years ago

🤓 How do you prefer to work with CSS?

5 3 7 0 0

Elad Shechter @eladsc

5 years ago

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

0 6 21 0 1

Download Image

shunyadezain♻️ @shunyadezain

5 years ago

Gem 👉 codepen.io/shunyadezain/p… via @CodePen learning @threejs_org 👌 #threejs #codepen #3d

0 3 30 0 3

Download Video

Elad Shechter @eladsc

5 years ago

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-…

0 4 13 0 3

Diana Smith Flores @cyanharlow

5 years ago

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…

79 339 2K 0 122

Download Gif

Amit Sheen @amit_sheen

5 years ago

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

7 10 118 0 6

Download Video

AdirCode 🔥 @adircode

5 years ago

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

3 2 7 0 0

Download Video

Amit Sheen @amit_sheen

5 years ago

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…

2 5 14 0 5

Download Image

Sandhya Subramaniyan @sandhya_subram

5 years ago

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

16 28 124 0 8

Download Video

Elad Shechter @eladsc

5 years ago

📺 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!

0 2 6 0 0

Download Image

Chris @ChrisGannon

5 years ago

Moon Rover @CodePen codepen.io/chrisgannon/de… #madewithlottie #svg #animation

2 15 96 0 4

Download Gif

Elad Shechter @eladsc

5 years ago

🤯 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…

7 20 98 0 8

Download Image

Elad Shechter @eladsc

5 years ago

😍 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🙂

0 51 208 0 31

Download Video

Elad Shechter @eladsc

5 years ago

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