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

Mount the disk in a directory under Ubuntu 18.04

Introduction This article records how to mount a ...

Vue achieves seamless carousel effect (marquee)

This article example shares the specific code of ...

Summary of basic usage of js array

Preface Arrays are a special kind of object. Ther...

Briefly understand the MYSQL database optimization stage

introduction Have you ever encountered a situatio...

The difference between Vue interpolation expression and v-text directive

Table of contents 1. Use plugin expressions 2. Us...

Learn Hyperlink A Tag

ask: I have styled the hyperlink using CSS, but i...

Detailed explanation of Nodejs array queue and forEach application

This article mainly records the problems and solu...

How to install multiple mysql5.7.19 (tar.gz) files under Linux

For the beginner's first installation of MySQ...

Teach you how to build the vue3.0 project architecture step by step

Table of contents Preface: 1. Create a project wi...

WiFi Development | Introduction to WiFi Wireless Technology

Table of contents Introduction to WiFi Wireless T...

Solution to the problem of saving format in HTML TextArea

The format of textarea can be saved to the databas...

Detailed explanation of character sets and validation rules in MySQL

1Several common character sets In MySQL, the most...

How to use JS to check if an element is within the viewport

Preface Share two methods to monitor whether an e...

Example of how to optimize MySQL insert performance

MySQL Performance Optimization MySQL performance ...