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.

คุณอาจชื่นชอบ
CSS Class รีโพสต์แล้ว

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


CSS Class รีโพสต์แล้ว

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 รีโพสต์แล้ว

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 รีโพสต์แล้ว

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


CSS Class รีโพสต์แล้ว

🤓 How do you prefer to work with CSS?


CSS Class รีโพสต์แล้ว

📺 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 รีโพสต์แล้ว

CSS Class รีโพสต์แล้ว

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 รีโพสต์แล้ว

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 รีโพสต์แล้ว

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 รีโพสต์แล้ว

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 รีโพสต์แล้ว

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 รีโพสต์แล้ว

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 รีโพสต์แล้ว

📺 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 รีโพสต์แล้ว

CSS Class รีโพสต์แล้ว

🤯 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 รีโพสต์แล้ว

😍 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 รีโพสต์แล้ว

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 เทรนด์

คุณอาจชื่นชอบ

Loading...

Something went wrong.


Something went wrong.