Skip to content

Add scale3d() CSS transform function entry #7478

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 4 commits into
base: main
Choose a base branch
from

Conversation

Pablo-Devs
Copy link

Description

I have created a new term entry for the CSS scale3d() transform function. This entry provides comprehensive documentation for the 3D scaling transform function that allows developers to scale elements along the x, y, and z axes in 3D space.

Files Created:

  • content/css/concepts/transform-functions/terms/scale3d/scale3d.md

Content Includes:

  • Clear description of the scale3d() function's purpose and capabilities
  • Detailed syntax explanation with parameter descriptions
  • Practical example showing how to scale a cube element in 3D space
  • Interactive Codebyte example demonstrating the function with hover effects
  • Proper metadata following the term entry template standards

This addition fills a gap in the CSS transform functions documentation by providing a dedicated entry for the 3D scaling function, which was previously only mentioned in the general transform entry but lacked its own detailed documentation.

Issue Solved

Closes #7465

Type of Change

  • Adding a new entry
  • Editing an existing entry (fixing a typo, bug, issues, etc)
  • Updating the documentation

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

CLAassistant commented Aug 15, 2025

CLA assistant check
Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you all sign our Contributor License Agreement before we can accept your contribution.
2 out of 3 committers have signed the CLA.

✅ Pablo-Devs
✅ mamtawardhani
❌ Paul-Blankson
You have signed the CLA already but the status is still pending? Let us recheck it.

@mamtawardhani mamtawardhani self-assigned this Aug 16, 2025
@mamtawardhani mamtawardhani added css CSS entries new entry New entry or entries status: under review Issue or PR is currently being reviewed labels Aug 16, 2025
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 @Pablo-Devs, thank you for contributing to Codecademy Docs! The entry looks amazing!

However, just a few modifications are required:

  • please add the image/gif of the output in this entry and place it inside the media folder in docs
  • please explain the examples. A one line description before the code would be good,

Let me know once you make these changes. Thank you! 🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
css CSS entries new entry New entry or entries status: review 1️⃣ completed status: under review Issue or PR is currently being reviewed status: waiting for author
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Term Entry] CSS Transform function: scale3d(x, y, z)
4 participants