---
id: 587d78a5367417b2b2512ad9
title: Use the CSS Transform scale Property to Change the Size of an Element
challengeType: 0
videoUrl: 'https://scrimba.com/c/c2MZVSg'
---
## Description
To change the scale of an element, CSS has the transform
property, along with its scale()
function. The following code example doubles the size of all the paragraph elements on the page:
p {
transform: scale(2);
}
## Instructions
Increase the size of the element with the id of ball2
to 1.5 times its original size.
## Tests
```yml
tests:
- text: Set the transform
property for #ball2
to scale it 1.5 times its size.
testString: assert(code.match(/#ball2\s*?{\s*?left:\s*?65%;\s*?transform:\s*?scale\(1\.5\);\s*?}|#ball2\s*?{\s*?transform:\s*?scale\(1\.5\);\s*?left:\s*?65%;\s*?}/gi), 'Set the transform
property for #ball2
to scale it 1.5 times its size.');
```
## Challenge Seed
## Solution
```js
var code = "#ball2 {left: 65%; transform: scale(1.5);}"
```