Re-Creating the Porky Pig Animation from Looney Tunes in CSS

You know, Porky Pig coming out of those red rings announcing the end of a Looney Tunes cartoon. We’ll get there, but first we need to cover some CSS concepts. Everything in CSS is a box, or rectangle. Rectangles …

The post Re-Creating the Porky Pig Animation from Looney Tunes in CSS appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://css-tricks.com/re-creating-the-porky-pig-animation-from-looney-tunes-in-css/

Établi 4y | 26 janv. 2021, 16:21:14


Connectez-vous pour ajouter un commentaire

Autres messages de ce groupe

The State of CSS 2025 Survey is out!

The State of CSS 2025 Survey dropped a few days ago, and besides anticipating the results, it's exciting to see a lot of the new things shipped to CSS reflected in the questions.

<hr /

5 juin 2025, 18:20:09 | CSS tricks
Exploring the CSS contrast-color() Function… a Second Time

The contrast-color() function doesn’t check color contrast, but rather it outright resolves to either black or white (whichever one contrasts the most with your chosen color). Safari T

5 juin 2025, 16:10:06 | CSS tricks
Getting Creative With HTML Dialog

So, how can you take dialogue box design beyond the generic look of frameworks and templates? How can you style them to reflect a brand’s visual identity and help to tell its stories? Here’s how I

3 juin 2025, 15:20:18 | CSS tricks
Better CSS Shapes Using shape() — Part 2: More on Arcs

This is the second part of a series that dives deep into the CSS shape() command, continuing with a more detailed look at the arc command.


30 mai 2025, 13:50:17 | CSS tricks
What We Know (So Far) About CSS Reading Order

The reading-flow and reading-order proposed CSS properties are designed to specify the source order of HTML elements in the DOM tree, or in simpler terms, how accessibility tools deduce the order o

27 mai 2025, 14:10:05 | CSS tricks
Better CSS Shapes Using shape() — Part 1: Lines and Arcs

This is the first part of a series that dives deep into the shape function, starting with shapes that use lines and arcs.


23 mai 2025, 15:10:06 | CSS tricks
You can style alt text like any other text

Clever, clever that Andy Bell. He shares a technique for displaying image alt text when the image fails to load. Well, more precisely, it's a technique to apply styles to the alt

22 mai 2025, 15:50:07 | CSS tricks