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

CentOS 6 Compile and install ZLMediaKit analysis

Install ZLMediaKit on centos6 The author of ZLMed...

100-1% of the content on the website is navigation

Website, (100-1)% of the content is navigation 1....

Nginx reverse proxy springboot jar package process analysis

The common way to deploy a springboot project to ...

Example of how to install kong gateway in docker

1. Create a Docker network docker network create ...

MySQL account password modification method (summary)

Preface: In the daily use of the database, it is ...

Six inheritance methods in JS and their advantages and disadvantages

Table of contents Preface Prototype chain inherit...

How to use Vue's idea to encapsulate a Storage

Table of contents background Function Purpose Ide...

Detailed explanation and extension of ref and reactive in Vue3

Table of contents 1. Ref and reactive 1. reactive...

MySQL UNION operator basic knowledge points

MySQL UNION Operator This tutorial introduces the...

How to open external network access rights for mysql

As shown below: Mainly execute authorization comm...

Use of MySQL SHOW STATUS statement

To do MySQL performance adjustment and service st...

CSS3 uses var() and calc() functions to achieve animation effects

Preview knowledge points. Animation Frames Backgr...