News
|
The Red Reveal: Illusions on the Web
danielcwilson.com

The Red Reveal: Illusions on the Web

CSS-Tricks | Robin Rendle In part one of a series of posts about optical illusions on the web, Dan Wilson looks at how to create the “Red Reveal” that he happens to describe like this: Growing up, my family played a lot of board games. Several games such as Outburst, Password, and Clue Jr. included […]

CSS-Tricks | Robin Rendle

In part one of a series of posts about optical illusions on the web, Dan Wilson looks at how to create the “Red Reveal” that he happens to describe like this:

Growing up, my family played a lot of board games. Several games such as Outburst, Password, and Clue Jr. included something that amazed me at the time — a red lens and cards with some light blue text that was obscured by a myriad of red lines. When you put the red lens over the card, the text would magically appear.

Here’s one example of that effect from a nifty Pen:

I’d also recommend reading part two in this series, Barrier Grid Animation, which uses a bunch of CSS techniques to trick your eye into seeing an animation of several static images.

Direct Link to ArticlePermalink


The Red Reveal: Illusions on the Web is a post from CSS-Tricks

Latest News

May 2022

Config 2022 – What’s new in Figma, Quick Recap

May 10, 4:16 PM

Plenty of exciting news presented during this year’s Config conference. If you are curious about how they will impact your favorite design tool and, in the end, the entire workflow, just like last year – grab the mug of your

uxmisfit.com

April 2022

Claymorphism tutorial – How to mimic clay in UI design

Apr 29, 2:31 PM

Styles come and go very fast. However, to address the needs of our customers, designers have to be skilled in every modern one. While glassmorphism still feels up to date, there is a trend gaining popularity – Claymorphism. It was

uxmisfit.com

March 2022

Slot Components – How to create them in Figma

Mar 14, 2:21 PM

Creating a design in Figma is one thing. The second one is to make it efficient to use. If you want to work faster with your components and UI library, if you’re going to guide other people using your design

uxmisfit.com

How to add custom CSS to Marcode

Mar 5, 4:26 PM

One of the most powerful features of Marcode is that you can add custom CSS directly affecting layers and groups inside Sketch or Icons8 Lunacy. Adding a fast and small CSS animation library like Animate.css is a breeze, not to

sketch2react.io

February 2022

Turn design into iOS & Android apps

Feb 25, 6:00 AM

We just released a brand new companion app for Sketch and Icons8 Lunacy called Marcode. We also released our first premium Sketch plugin, Writer. The post Turn design into iOS & Android apps appeared first on Sketch2React Blog.

sketch2react.io

How to create Good UX Portfolio

Feb 7, 1:44 PM

Building a portfolio that will help you get a job or a new project is the Holy Grail of most of us. Through the years of my career, I was fortunate to be on both sides – I took part

uxmisfit.com

January 2022

10 Figma Plugins you should discover.

Jan 12, 1:56 PM

Figma is a great tool by itself. However, you may quickly add new features to it, thanks to plugins. Let me show you the collection of some that you might not discover yet. Grab the mug of your favorite coffee,

uxmisfit.com