Yogesh Chauhan's Blog

CSS backface-visibility Property

in CSS on March 28, 2021

CSS has tons of little bombs that can literally blast the front-end. This is one of them.

As the name suggests, the backface-visibility property sets whether the back-face/back-side of the element when the element is facing the user.

Most if the time it’s useful when you are animating the element or just simply rotating the element.

The default value for CSS backface-visibility property is visible.

Just like this example:

But if you want to hide the back-side/back-face, you can set the value to hidden.

Just like this:


Most Read

#1 How to check if radio button is checked or not using JavaScript? #2 How to add Read More Read Less Button using JavaScript? #3 Solution to “TypeError: ‘x’ is not iterable” in Angular 9 #4 Solution to the error “Visual Studio Code can’t be opened because Apple cannot check it for malicious software” #5 How to uninstall Cocoapods from the Mac OS? #6 PHP Login System using PDO Part 1: Create User Registration Page

Recently Posted

#Apr 8 JSON.stringify() in JavaScript #Apr 7 Middleware in NextJS #Jan 17 4 advanced ways to search Colleague #Jan 16 Colleague UI Basics: The Search Area #Jan 16 Colleague UI Basics: The Context Area #Jan 16 Colleague UI Basics: Accessing the user interface
You might also like these
How to compress images with gulp in WordPress?WordPressSafe Practice to add Links to cross-origin destinationUI/UXWhat is a Strict Requirement in PHP 7 Function Declarations?PHPHow services and dependency injection work in Angular?AngularSolution for Xcode 11 Command PhaseScriptExecution failed with a nonzero exit code errorMiscellaneous4 advanced ways to search ColleagueColleagueABS and NEG functions in Envision BasicEnvision BasicA simple example on grid ‘auto-fill’ vs ‘auto-fit’CSSHow to convert datetime to date format in JavaScript?JavaScriptOverview of Drupal and how it worksDrupalWhat does useEffect do in React?ReactUseful (and probably ignored) HTML tags: Part 2HTML