Search
New ‘overlay attacks’ are a growing threat to crypto users — security CEO
18.7.2024
The attackers are creating fake overlays to trick users into providing login credentials for financial services apps, including potentially for crypto exchanges
Ghost of Tsushima odhalil požadavky pro PC verzi. Poprvé uvidíme v akci nový overlay PlayStationu
18.4.2024
Ghost Of Tsushima Will Recreate PlayStation Experience On PC
17.4.2024
Ghost of Tsushima—the 2020 samurai RPG developed by Sucker Punch—isn’t the first PlayStation exclusive to come to PC, but it will mark the first time non-console gamers will get something akin to the true PlayStation experience. That’s because Sony is introducing a new in-game overlay for...
Newest Steam Update Is Pretty Good, Actually
28.4.2023
Steam is getting a new update, and it’s bringing pretty handy features to your PC games to allow you to do more without having to leave your game.Read more
SVG Overlay and Infinite Menu Background Animation
2.11.2021
A little menu effect with an SVG overlay and an infinite background CSS animation.
The post SVG Overlay and Infinite Menu Background Animation appeared first on Codrops
SVG Overlay and Infinite Menu Background Animation
2.11.2021
A little menu effect with an SVG overlay and an infinite background CSS animation.
The post SVG Overlay and Infinite Menu Background Animation appeared first on Codrops
Collective #685
28.10.2021
CookLang * Next.js 12 * Building an effective Image Component * Flatmap * Obsidian
The post Collective #685 appeared first on Codrops
Positioning Overlay Content with CSS Grid
28.6.2021
Not news to any web developer in 2021: CSS Grid is an incredibly powerful tool for creating complex, distinct two-dimensional modern web layouts.
Recently, I have been experimenting with CSS Grid and alignment properties to create component layouts that …
The post Positioning Overlay Content...
The PS5’s Screenshot Overlay Is Incredibly Annoying
27.4.2021
Last night, I tried to snap multiple rapid-fire screenshots of a [redacted big scary thing] in Returnal, the upcoming PlayStation 5-exclusive action game. (Sorry, can’t share ‘em yet. Embargos!) When I looked back at the collection, many of them were tarnished, overlaid by a little box with a check...
Collective #655
1.4.2021
SVG Generators * Best practices for cookie notices * Overlay Fact Sheet * Skribbl
The post Collective #655 appeared first on Codrops
Overlay Fact Sheet
31.3.2021
I would hope all our web designer/developer spidey senses trigger when the solution to an accessibility problem isn’t “fix the issue” but rather “add extra stuff to the page.” This Overlay Fact Sheet website explains that. An “Overlay” is one …
The...
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...
Nailing the Perfect Contrast Between Light Text and a Background Image
7.8.2020
Have you ever come across a site where light text is sitting on a light background image? If you have, you’ll know how difficult that is to read. A popular way to avoid that is to use a transparent overlay. But this leads to an important question: Just how transparent should that overlay...
Pausing a GIF with details/summary
22.7.2020
Steve Faulkner has a clever idea here. You can show an (animated) GIF and overlay a pause/play button on top of it — which is really a <details>/<summary> element. When toggled, a (non-animated) JPG inside covers the GIF, effectively “pausing” it.
Adrian Roselli calls...
How to Stack Elements in CSS
6.1.2020
If you want to create fantastic and unique visual experiences on the web, you will eventually need two elements to overlap or exist in the same place. You may even just need them to be positioned near or next to each other. Let's go over two different ways to accomplish this, one with the position...
How to Create and Animate Rotated Overlays
18.4.2019
A tutorial on how to create and animate rotated overlays, or "reveal" elements, for interesting page transition effects.
How to Create and Animate Rotated Overlays was written by Mary Lou and published on Codrops
Collapsing Logo Effect
5.6.2018
A recreation of the collapsing logo effect seen on PracticalVR. The idea is to have an initial view that animates to a logo in the top left corner of the page.
Collapsing Logo Effect was written by Mary Lou and published on Codrops
Grid Layout with Motion Hover Effect and Content Preview
23.5.2018
A retro-style grid layout with a playful motion hover effect on the grid items. When clicking on a grid item, a content preview opens.
Grid Layout with Motion Hover Effect and Content Preview was written by Mary Lou and published on Codrops