LEVEL 13 > LESSON 4 CSS 3D Transform

Question

LEVEL 13 > LESSON 4 CSS 3D Transform



<!DOCTYPE html>

<html>

<head>

	<title>CSS transform property</title>

	<style> 

		div{

			width: 150px;

			height: 80px;

			background-color: #4535aa;

			color: white;

		}

		.translate-me

		{

			transform-origin: 0 0;

			transform: perspective(200px) translate3d(0px, 0px, 75px);

			



		}



	</style>

</head>

<body>

	<div class="translate-me">Transform me!</div>

</body>

</html>

I used translate3d property with z-axis 75px and perspective of 200px but its not submitting can anyone help me??

web-development css css-course

3 years ago by ak23

2 Answers

Sumitlymrd

i tried the same code but when i copy it from it here it worked but it took me 2 days to find solution, even my code was not wrong, its the problem with this website only.

2 years ago

Login / Signup to Answer the Question.

Login Signup

**kshitijrana14** · Accepted Answer · 2022-02-22T09:29:18

Try this one



<!DOCTYPE html>

<html>

<head>

	<title>CSS transform property</title>

	<style> 

		div{

			width: 150px;

			height: 80px;

			background-color: #4535aa;

			color: white;

		}

		.translate-me

		{

			transform-origin: 0 0;

			/ Apply transform property here /

            transform:perspective(200px) translate3d(0,0,75px);



		}



	</style>

</head>

<body>

	<div class="translate-me">Transform me!</div>

</body>

</html>

C TUTORIAL

C PROGRAMS

INTERVIEW TESTS

EXECUTE CODE

C++ TUTORIAL

C++ PROGRAMS

INTERVIEW TESTS

EXECUTE CODE

PYTHON TUTORIAL

PYTHON HOW TOS

INTERVIEW TESTS

EXECUTE CODE

JAVA TUTORIAL

JAVA CODE EXAMPLES

SPRING TUTORIAL

MORE IN JAVA

COMPUTER ARCHITECTURE

COMPUTER NETWORK

OPERATING SYSTEM

DBMS & SQL

PL/SQL

MongoDB

EXECUTE SQL

ANDROID DEVELOPMENT

GO LANGUAGE

LINUX

DOCKER

HTML TAGS (A to Z)

CSS REFERENCES

SASS/SCSS

KOTLIN

GAME DEVELOPMENT

PHP

GIT GUIDE

JAVASCRIPT

ADVANCED DSA

LEVEL 13 > LESSON 4 CSS 3D Transform

2 Answers

Login / Signup to Answer the Question.