Search

Nalezeno "clip": 110

Fancy Image Decorations: Masks and Advanced Hover Effects

21.10.2022
Welcome to Part 2 of this three-part series! We are still decorating images without any extra elements and pseudo-elements. I hope you already took the time to digest Part 1 because we will continue working with a lot of gradients … Fancy Image Decorations: Masks and Advanced Hover Effects...

Fancy Image Decorations: Single Element Magic

14.10.2022
As the title says, we are going to decorate images! There’s a bunch of other articles out there that talk about this, but what we’re covering here is quite a bit different because it’s more of a challenge. The challenge? … Fancy Image Decorations: Single Element Magic originally published...

CSS Grid and Custom Shapes, Part 2

22.8.2022
Alright, so the last time we checked in, we were using CSS Grid and combining them with CSS clip-path and mask techniques to create grids with fancy shapes. Here’s just one of the fantastic grids we made together: CodePen… CSS Grid and Custom Shapes, Part 2 originally published...

CSS Grid and Custom Shapes, Part 1

15.8.2022
In a previous article, I looked at CSS Grid’s ability to create complex layouts using its auto-placement powers. I took that one step further in another article that added a zooming hover effect to images in a grid layout… CSS Grid and Custom Shapes, Part 1 originally published...

Upcoming Steam Game Is Literally Just A Squirrel With A Gun

12.8.2022
Video games can offer us a chance to inhabit new worlds or discover new experiences. They can show us things we’ve never seen or dreamed of. Like an ancient civilization or a far-off alien planet somewhere deep in the cosmos. Or uh…what about a squirrel with a gun who can shoot people? Yeah, that’s...

Single Element Loaders: Going 3D!

1.7.2022
For this fourth and final article of our little series on single-element loaders, we are going to explore 3D patterns. When creating a 3D element, it’s hard to imagine that just one HTML element is enough to simulate something like...

Sonic Frontiers Clip Gets Breath Of The Wild Trending On Twitter Again

31.5.2022
Earlier today, Sega shared a brief look at Sonic Frontiers, the next installment of the Sonic the Hedgehog franchise launching on every major gaming platform later this year. It’s open-world and very green, so you know what that means: Folks couldn’t help but make comparisons to The Legend...

Cool CSS Hover Effects That Use Background Clipping, Masks, and 3D

26.5.2022
We’ve walked through a series of posts now about interesting approaches to CSS hover effects. We started with a bunch of examples that use CSS background properties, then moved on to the text-shadow property where we technically didn’t use … Cool CSS Hover Effects That Use Background...

An Old-School Batman Voice Clip Is Hiding In A Bunch Of Your Favorite Games

25.4.2022
Did you know that the “let’s go” voice clip in Street Fighter III: 3rd Strike was pulled from the 1960s Batman television series? I sure didn’t, and being confronted with this apparently well-known fact over the weekend sent me tumbling down a rabbit hole of video game sample usage.Read more

Tricks to Cut Corners Using CSS Mask and Clip-Path Properties

30.3.2022
We recently covered creating fancy borders with CSS mask properties, and now we are going to cut the corners with CSS mask and clip-path! A lot of techniques exist to cut different shapes from the corners of any element. … Tricks to Cut Corners Using CSS Mask and Clip-Path Properties...

Icon Glassmorphism Effect in CSS

8.11.2021
I recently came across a cool effect known as glassmorphism in a Dribble shot. My first thought was I could quickly recreate it in a few minutes if I just use some emojis for the icons without wasting time … The post Icon Glassmorphism Effect in CSS appeared first on CSS-Tricks. You...

CSS-ing Candy Ghost Buttons

1.11.2021
Recently, while looking for some ideas on what to code as I have zero artistic sense so the only thing I can do is find pretty things that other people have come up with and remake them with clean and … The post CSS-ing Candy Ghost Buttons appeared first on CSS-Tricks. You can support...

Exploring the CSS Paint API: Polygon Border

20.9.2021
Nowadays, creating complex shapes is an easy task using clip-path, but adding a border to the shapes is always a pain. There is no robust CSS solution and we always need to produce specific “hacky” code for each particular … The post Exploring the CSS Paint API: Polygon Border appeared...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace