So, I was watching a tutorial about a mouse spotlight effect on youtube, and the part where they inserted the text got me thinking for a minute…is using all-caps better than using text-transform in CSS?

In other words, when writing a title with all-caps:

<h1>SHOULD I WRITE IT LIKE THIS?</h1>

<h1 style="text-transform: uppercase;">Or should I write it like this?</h1>

CodePudding user response：

Using text-transform is a better approach. It will help you to alter the design depending on other actions like Hover, Focus etc, just by changing the value of text-transform property.