Skip to content

[term entry]Transform3d()#8270

Open
zombiekiller0906 wants to merge 1 commit intoCodecademy:mainfrom
zombiekiller0906:test-branch
Open

[term entry]Transform3d()#8270
zombiekiller0906 wants to merge 1 commit intoCodecademy:mainfrom
zombiekiller0906:test-branch

Conversation

@zombiekiller0906
Copy link

@zombiekiller0906 zombiekiller0906 commented Feb 25, 2026

…pepole can see how to use the funtion

Description

-added term transform3d() this is at function for css
-Closes issue #8233

Issue Solved

-Closes issue #8233

Type of Change

  • Adding a new entry

Checklist

  • All writings are my own.
  • My entry follows the Codecademy Docs style guide.
  • My changes generate no new warnings.
  • I have performed a self-review of my own writing and code.
  • I have checked my entry and corrected any misspellings.
  • I have made corresponding changes to the documentation if needed.
  • I have confirmed my changes are not being pushed from my forked main branch.
  • I have confirmed that I'm pushing from a new branch named after the changes I'm making.
  • I have linked any issues that are relevant to this PR in the Issues Solved section.

@CLAassistant
Copy link

CLA assistant check
Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
You have signed the CLA already but the status is still pending? Let us recheck it.

@mamtawardhani mamtawardhani self-assigned this Feb 26, 2026
Copy link
Collaborator

@mamtawardhani mamtawardhani left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hey @zombiekiller0906, I've requested a bunch of changes in this PR. Could you please do the required changes and let me know once they're done? Thanks! 😄

Comment on lines +5 to +7
- 'Web Development'
- 'Web Design'
- 'Computer Science'
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The tags should be written in alphabetical order

- 'Web Design'
- 'Computer Science'
Tags: #
- 'Browser compadibility'
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

typo: "Browser Compatibility"

- 'learn-css'
- 'paths/Front-End Engineer Career Path
---

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Here an intro para is needed that defines the term and its uses

@@ -0,0 +1,107 @@
---
Title: 'translate3d()'
Description: 'it allows HTML developers to rotate, translate, scale and skew along the X,Y,and Z axes'
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The description should start with a verb

Comment on lines +24 to +28
tx: This parameter holds the length of the translation corresponding to the x-axis. This parameter holds the value in form of number or percentage.

ty:This parameter holds the length of translation corresponding to the y-axis. This parameter holds the value in form of number or percentage.

tz:This parameter holds the length of translation corresponding to z-axis. This parameter holds the value in form of numbers only.
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

These should be represented in bullets as:

Parameters:

  • tx:
  • ty:
  • tz:


## Example

example 1:
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
example 1:

## Example

example 1:
<!DOCTYPE html>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Before the code we need a description explaining what the code is actually doing. Also, wrap the code in html and css blocks


</html>

example 2:
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
example 2:
## Example 2:

</html>

example 2:
<!DOCTYPE html>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Before the code we need a description explaining what the code is actually doing. Also, wrap the code in html and css blocks

<h4>Translated Element</h4>
<div class="GFG geeks">Welcome to GeeksforGeeks</div>
</body>
</html>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

At the end of both examples, the output images are to be linked. Place the images in the media folder in docs and link them here. (for both examples)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants