Solve the problem that the default value of CSS3 transition-delay attribute is 0 without unit and it is invalid

Solve the problem that the default value of CSS3 transition-delay attribute is 0 without unit and it is invalid

Today I would like to share with you the CSS3 transition-delay attribute default value 0 without unit is invalid [problem solved], I hope it can help you.

The transition-delay in CSS3 uses a default value of 0. According to the front-end code specification, it is best to use 0 without any units, such as: margin: 0;padding: 0; etc. instead of padding: 0px; margin: 0px;

So when I used transition-delay, I also used transition-delay: 0; and then problems occurred.

Directly on the picture:

If no unit is specified, the default value is 0.

If no unit is specified, the default value 0 is used.

I checked it over and over for a long time and then began to doubt my life. I don’t know why I added the unit. It actually achieved the effect I wanted.

Add units to the default value of 0

Summary: Actually, the two effects are not a big problem. But in fact there is still a big difference. Because it is an animated effect, I personally think that as long as the movements are regular and not weird, it is acceptable. However, if transition-delay is used in a real project and fails to achieve the desired effect for the user or company, then the loss outweighs the gain. It is unclear whether this will happen with other new properties in CSS3.

This concludes this article on how to solve the problem of CSS3 transition-delay property default value 0 without unit being invalid. For more relevant CSS3 transition-delay property content, please search 123WORDPRESS.COM’s previous articles or continue to browse the following related articles. I hope you will support 123WORDPRESS.COM in the future!

<<:  How to modify the ssh port number in Centos8 environment

>>:  The difference between div and table in speed, loading, web application, etc.

Recommend

How to manage large file uploads and breakpoint resume based on js

Table of contents Preface Front-end structure Bac...

Shell script to monitor MySQL master-slave status

Share a Shell script under Linux to monitor the m...

Detailed explanation of MySQL multi-table join query

Table of contents Multi-table join query Inner Jo...

Methods for optimizing Oracle database with large memory pages in Linux

Preface PC Server has developed to this day and h...

Vue and react in detail

Table of contents 1. Panorama II. Background 1. R...

How to get the current time using time(NULL) function and localtime() in Linux

time(); function Function prototype: time_t time(...

WeChat applet development practical skills: data transmission and storage

Combining the various problems I encountered in m...

JavaScript realizes the effect of mobile modal box

This article example shares the specific code of ...

Use of Vue filters and custom instructions

Table of contents Filters 01.What is 02. How to d...

vue+rem custom carousel effect

The implementation of custom carousel chart using...

How to create your own image using Dockerfile

1. Create an empty directory $ cd /home/xm6f/dev ...

Detailed explanation of JS homology strategy and CSRF

Table of contents Overview Same Origin Policy (SO...

Detailed explanation of the group by statement in MySQL database group query

1: Statement order of grouping function 1 SELECT ...