- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Methods of 3D transforms with CSS3
The following are the methods used to call 3D transforms:
| Values | Description |
|---|---|
| matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) | Used to transforms the element by using 16 values of the matrix |
| translate3d(x,y,z) | Used to transforms the element by using x-axis, y-axis, and z-axis |
| translateX(x) | Used to transforms the element by using x-axis |
| translateY(y) | Used to transforms the element by using y-axis |
| translateZ(z) | Used to transforms the element by using y-axis |
| scaleX(x) | Used to scale transforms the element by using x-axis |
| scaleY(y) | Used to scale transforms the element by using y-axis |
| scaleY(y) | Used to transforms the element by using z-axis |
| rotateX(angle) | Used to rotate transforms the element by using x-axis |
| rotateY(angle) | Used to rotate transforms the element by using y-axis |
| rotateZ(angle) | Used to rotate transforms the element by using z-axis |
Updated on 30-Jul-2019 22:30:22
- Related Questions & Answers
- 3D transforms in CSS3
- 2D transforms in CSS3
- Z-axis 3D transform with CSS3
- Y-axis 3D transform with CSS3
- X-axis 3D transform with CSS3
- Working with CSS3 3D Transform Functions
- Rotate div with Matrix transforms using CSS
- Define skew transforms along with x axis using CSS
- Define skew transforms along with y axis using CSS
- Media queries with CSS3
- Saving a 3D-plot in a PDF 3D with Python
- Working with CSS3 Filter Effects
- Extending User Interface with CSS3
- Adding Multiple Backgrounds with CSS3
- Example of key frames with left animation using CSS3
Advertisements