Search

Nalezeno "background": 156

The Fixed Background Attachment Hack

27.8.2021
What options do you have if you want the body background in a fixed position where it stays put on scroll? background-attachment: fixed in CSS, at best, does not work well in mobile browsers, and at worst is not even … The post The Fixed Background Attachment Hack appeared first...

Israel’s Mossad Is Hiring a Cryptocurrency Specialist

10.8.2021
The Israeli intelligence service, Mossad, is now looking to hire someone who understands digital currencies. According to the job posting, the role requires extensive expertise in the field of financial technologies. Mossad Recruiting Expert With Fintech Background Israel’s Institute...

System *Things

29.6.2021
I think we’re all largely aware of named colors in CSS: color: OldLace; background: rebeccapurple; I guess you’d just call those “named colors” in CSS. Those aren’t the only kind of named colors there are though. Some of them … The post System *Things appeared...

Put a Background on Open Details Elements

11.6.2021
One thing that can be just a smidge funky about the <details> element is that, when open, it’s not always 100% clear what is inside that element and what isn’t. I’m not saying that always matters or that it’s a … The post Put a Background on Open Details...

New Xbox Series X/S Background Is A Pulsating Blob From The Past

12.5.2021
Rolling out with the May Xbox Series X/S update that includes important updates to that handy Quick Resume feature, “The Original” dynamic theme marks the return of the glowing green glob of Flubber from the original Xbox’s startup and dashboard. Read more

Creating Colorful, Smart Shadows

4.5.2021
A bona fide CSS trick from Kirupa Chinnathambi here. To match a colored shadow with the colors in the background-image of an element, you inherit the background in a pseudo-element, kick it behind the original, then blur and filter it. … The post Creating Colorful, Smart Shadows appeared...

Image Fragmentation Effect With CSS Masks and Custom Properties

23.3.2021
Geoff shared this idea of a checkerboard where the tiles disappear one-by-one to reveal an image. In it, an element has a background image, then a CSS Grid layout holds the “tiles” that go from a filled background color to … The post Image Fragmentation Effect With CSS Masks and Custom...

Taming Blend Modes: `difference` and `exclusion`

22.3.2021
Up until 2020, blend modes were a feature I hadn’t used much because I rarely ever had any idea what result they could produce without giving them a try first. And taking the “try it and see what happens” approach … The post Taming Blend Modes: `difference` and `exclusion`...

Three Ways to Blob with CSS and SVG

19.2.2021
Blobs are the smooth, random, jelly-like shapes that have a whimsical quality and are just plain fun. They can be used as illustration elements and background effects on the web. So, how are they made? Just crack open an illustration … The post Three Ways to Blob with CSS and SVG appeared...

Going From Solid to Knockout Text on Scroll

3.2.2021
Here’s a fun CSS trick to show your friends: a large title that switches from a solid color to knockout text as the background image behind it scrolls into place. And we can do it using plain ol’ HTML and … The post Going From Solid to Knockout Text on Scroll appeared first...

How to Remove Bernie's Background and Paste Him Anywhere

21.1.2021
If you want to contribute to the latest Bernie photo craze before the meme plays itself out—which will probably be sometime around the end of the week, so act fast!—it’s not that hard to cut out Bernie-Sanders-on-a-chair and splice him into whatever image you want. However, to save you a bit...

Building Flexible Components With Transparency

12.1.2021
Good thinking from Paul Herbert on the Cloudfour blog about colorizing a component. You might look at a design comp and see a card component with a header background of #dddddd, content background of #ffffff, on an overall … The post Building Flexible Components With Transparency appeared...

Overlaying Video With Transparency While Wrangling Cross-Browser Support

8.12.2020
As websites are becoming more and more dynamic when it comes to design, there is sometimes a need to incorporate complex, animated elements. There are many ways to do that from CSS transitions to 3D rendering on canvas, and animated SVG. But it is often easier to use a <video> since they...

A Complete Guide to CSS Gradients

17.11.2020
Like how you can use the background-color property in CSS to declare a solid color background, you can use the background-image property not only to declare image files as backgrounds but gradients as well. Using CSS gradients is better for control and performance than using an actual image (of...

CSS Background Patterns

17.11.2020
Nice little tool from Jim Raptis: CSS Background Patterns. A bunch of easy-to-customize and copy-and-paste backgrounds that use hard stop CSS gradients to make classy patterns. Not quite as flexible as SVG backgrounds, but just as lightweight. Like this: CodePen Embed Fallback Speaking of cool...

Netlify Background Functions

10.11.2020
As quickly as I can: AWS Lambda is great: it allows you to run server-side code without really running a server. This is what “serverless” largely means. Netlify Functions run on AWS Lambda and make them way easier to use. For example, you just chuck some scripts into a folder they...

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