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

Common methods of Vue componentization: component value transfer and communication

Related knowledge points Passing values ​​from pa...

Implementation method of Nginx+tomcat load balancing cluster

The experimental environment is as follows Here y...

Media query combined with rem layout in CSS3 to adapt to mobile screens

CSS3 syntax: (1rem = 100px for a 750px design) @m...

WebWorker encapsulates JavaScript sandbox details

Table of contents 1. Scenario 2. Implement IJavaS...

Users need to know why

When I was in the securities company, because the ...

How to generate a unique server-id in MySQL

Preface We all know that MySQL uses server-id to ...

The complete implementation process of Sudoku using JavaScript

Table of contents Preface How to solve Sudoku Fil...

Summary of pitfalls encountered in installing mysql and mysqlclient on centos7

1. Add MySQL Yum repository MySQL official websit...

Sharing of SVN service backup operation steps

SVN service backup steps 1. Prepare the source se...

HTML head tag meta to achieve refresh redirection

Copy code The code is as follows: <html> &l...

About using Alibaba's iconfont vector icon in Vue

There are many import methods on the Internet, an...