Search

Nalezeno "background": 156

Holographic Trading Card Effect


Simon Goellner (@simeydotme)’s collection of Holographic Trading Cards have captured our attention. Under the hood there is a suite of filter(), background-blend-mode(), mix-blend-mode(), and clip-path() combinations that have been painstakingly tweaked to reach the desired effect....

Responsive Animations for Every Screen Size and Device


Before I career jumped into development, I did a bunch of motion graphics work in After Effects. But even with that background, I still found animating on the web pretty baffling. Video graphics are designed within a specific ratio and … Responsive Animations for Every Screen Size and Device...

Binance Creates Global Advisory Board to Tackle Regulatory Challenges


An international group of experts with extensive background in public and corporate governance will advise global cryptocurrency exchange Binance on regulation. The move is an indication of Binance’s focus on compliance and collaboration with regulators, according to its management. Crypto...

CSS Checkerboard Background… But With Rounded Corners and Hover Styles


On one hand, creating simple checkered backgrounds with CSS is easy. On the other hand, though, unless we are one of the CSS-gradient-ninjas, we are kind of stuck with basic patterns. At least that’s what I thought while staring at … CSS Checkerboard Background… But With Rounded...

How to Inject a Global with Web Extensions in Manifest V3


For those of you not familiar with the world of web extension development, a storm is brewing with Chrome. Google will stop support for manifest version 2, which is what the vast majority of web extensions use. Manifest version 3 sees many changes but the largest change is moving from persistent...

Five Steps For Learning Even The Most Daunting Tabletop Roleplaying Game


Tabletop roleplaying games can be intimidating. With hefty tomes of rules that can mirror and outpace the size of a college textbook, even veterans of the hobby can sometimes be overwhelmed when they just want to dive in quickly and get to the point of a new game. And look, I won’t name names here...

Scroll Shadows? Pure CSS Parallax? Game Back On.


Chris calls scroll shadows one his favorite CSS-Tricks of all time. Lea Verou popularized the pure CSS approach using four layered background gradients with some clever background-attachment magic. The result is a slick scrolling interaction that gives users a hint … Scroll Shadows? Pure...

In Praise of Shadows


Our dear friend Robin has a new essay called In Praise of Shadows. Now, before you hop over there looking for nuggets on CSS box shadows, text shadows, and shadow filters… this is not that. It’s an essay … In Praise of Shadows originally published on CSS-Tricks. You should...

Single Element Loaders: The Dots


We’re looking at loaders in this series. More than that, we’re breaking down some common loader patterns and how to re-create them with nothing more than a single div. So far, we’ve picked apart the classic spinning loader. Now, … Single Element Loaders: The Dots originally published...

XOXO Is Flipping the Script and Announcing a Genesis Collection Auction


PRESS RELEASE. Gather up your partner, family, and friends to come and be a part of the genesis XOXO NFT collection, known as the “XOXO Love stories”. 101 Exclusive non-perfect couples, that were handpicked by the Devirs, with a one-of-a-kind background love story. Each piece has...

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


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

Cool Hover Effects That Use CSS Text Shadow


In my last article we saw how CSS background properties allow us to create cool hover effects. This time, we will focus on the CSS text-shadow property to explore even more interesting hovers. You are probably wondering how adding shadow … Cool Hover Effects That Use CSS Text Shadow...

Cool Hover Effects That Use Background Properties


A while ago, Geoff wrote an article about a cool hover effect. The effect relies on a combination of CSS pseudo-elements, transforms, and transitions. A lot of comments have shown that the same effect can be done using background … Cool Hover Effects That Use Background Properties originally...

Expanding Rounded Menu Animation


An expanding menu animation with a cover unreveal effect in the background. The post Expanding Rounded Menu Animation appeared first on Codrops

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