Recommend a cool interactive website made by a front-end engineer

Recommend a cool interactive website made by a front-end engineer

Website link: http://strml.net/

By Samuel Reed

Tips: After testing in Moments yesterday, it was found that visiting the site directly in WeChat’s built-in browser would cause the screen to flash , and some Android phones could not be turned horizontally. So [Suggestion]: If you use a mobile device, please open it in a browser such as Chrome, Safari, FF, etc. If it is a PC, most browsers should be able to display the effect perfectly.

At the very beginning , it is a monotonous web page with black text on a white background. You may not think it is cool. Be patient and read it slowly. Since the homepage owner recommends it, he will not cheat you. (Smirking expression)

Modify the background color. The author himself said that black text on a white background is too boring, so he started to add background color. More amazing things will be slowly revealed to you.

Move the CSS code area to the right

The author's resume is displayed on the left

Want to contact the author? Please use the PGP key on the lower left

Click on the CSS code in the right area to enlarge it. If you are on PC, you can edit and modify the CSS code. (I haven't tested it on a tablet, so I'm not sure if it can be edited)

The author mentioned in the final acknowledgments:

"Thanks to Jake Albaugh, who, as far as I know, is the first person to have built a site like this."

Website: http://strml.net/

It is recommended that you copy the URL and view it in your mobile browser.

If you think it’s good after reading it, you might as well give the author a like.

【WeChat Official Account: Breaking Fuzhou】Give away 5 yuan of phone credit to newly-followed users! Sent daily: Fuzhou’s local headlines, gossip, rumors, and the big and small things happening around you. Pay close attention and be happy!

<<:  CSS imitates Apple's smooth switch button effect

>>:  JavaScript BOM Explained

Recommend

What you need to know about msyql transaction isolation

What is a transaction? A transaction is a logical...

Notes on MySQL case sensitivity

Table of contents MySQL case sensitivity is contr...

Detailed steps and problem solving methods for installing MySQL 8.0.19 on Linux

I recently bought a Tencent Cloud server and buil...

A brief discussion on whether too many MySQL data queries will cause OOM

Table of contents Impact of full table scan on th...

Two ways to clear table data in MySQL and their differences

There are two ways to delete data in MySQL: Trunc...

Script to quickly list all host names (computer names) in the LAN under Linux

Recently, I have a need to list all host names in...

Use Xshell to connect to the Linux virtual machine on VMware (graphic steps)

Preface: I recently started to study the construc...

Detailed explanation of creating, calling and managing MySQL stored procedures

Table of contents Introduction to stored procedur...

How to query duplicate data in mysql table

INSERT INTO hk_test(username, passwd) VALUES (...

JavaScript Advanced Closures Explained

Table of contents 1. The concept of closure Addit...

CSS setting div background image implementation code

Adding background image control to a component re...

CSS3 creates web animation to achieve bouncing ball effect

Basic preparation For this implementation, we nee...

A brief discussion on ifnull() function similar to nvl() function in MySQL

IFNULL(expr1,expr2) If expr1 is not NULL, IFNULL(...

Install zip and unzip command functions under Linux and CentOS (server)

Install zip decompression function under Linux Th...