# Cubic-bezier problem

**URL:** <https://forum.freecodecamp.org/t/cubic-bezier-problem/498526>\
**Category:** General\
**Tags:** italiano\
**Created:** [February 25, 2022, 1:47pm UTC](https://forum.freecodecamp.org/t/cubic-bezier-problem/498526 "2022-02-25T13:47:48Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![teo1](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/teo1/32/249176_2.png) [@teo1](https://forum.freecodecamp.org/u/teo1)\
**Post date:** [February 25, 2022, 1:47pm UTC](https://forum.freecodecamp.org/t/cubic-bezier-problem/498526/1 "2022-02-25T13:47:48Z")

</div>

**Dicci cosa sta succedendo**  
Descrivi qui il tuo problema in dettaglio.

hi guys  
somebody can tell me what is wrong in my code please.

```
  **Il tuo codice fino ad ora**

```

```html

<style>

.balls{
  border-radius: 50%;
  background: linear-gradient(
    35deg,
    #ccffff,
    #ffcccc
  );
  position: fixed;
  width: 50px;
  height: 50px;
  margin-top: 50px;
  animation-name: bounce;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
#ball1 {
  left: 27%;
  animation-timing-function: cubic-bezier (0.25,0.25,0.75,0.75)
}
#ball2 {
  left: 56%;
  animation-timing-function: ease-out;
}

@keyframes bounce {
  0% {
    top: 0px;
  }
  100% {
    top: 249px;
  }
}

</style>

<div class="balls" id="ball1"></div>
<div class="balls" id="ball2"></div>

```

```
  **Informazioni del tuo browser:**

```

Lo user agent è: `Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.102 Safari/537.36`

**Sfida:** Imparare il funzionamento delle curve di Bezier

**Link alla sfida:**

> **[freeCodeCamp.org](https://www.freecodecamp.org/italian/learn/responsive-web-design/applied-visual-design/learn-how-bezier-curves-work)**
>
> Impara a programmare — Gratis

---

<div class="post-metadata">

**Author:** ![kevinSmith](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kevinsmith/32/72934_2.png) [@kevinSmith](https://forum.freecodecamp.org/u/kevinSmith)\
**Post date:** [February 25, 2022, 2:22pm UTC](https://forum.freecodecamp.org/t/cubic-bezier-problem/498526/2 "2022-02-25T14:22:45Z")

</div>

> [@teo1](#):
>
> ```auto
> #ball1 {
> left: 27%;
> animation-timing-function: cubic-bezier (0.25,0.25,0.75,0.75)
> }
> 
> ```

You’ve added a space between “cubic-bezier” and “(0.25,0.25,0.75,0.75)”. Usually we don’t do that with functions. I don’t think that CSS cares, but the FCC test isn’t sophisticated enough to accept that as correct.

When I remove that space, the test passes for me.

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [February 25, 2022, 4:05pm UTC](https://forum.freecodecamp.org/t/cubic-bezier-problem/498526/3 "2022-02-25T16:05:55Z")

</div>

credo devi soltanto togliere lo spazio qua prima della parentesi

> [@teo1](#):
>
> `cubic-bezier (0.25,0.25,0.75,0.75)`

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [January 7, 2025, 3:49pm UTC](https://forum.freecodecamp.org/t/cubic-bezier-problem/498526/4 "2025-01-07T15:49:21Z")

</div>

Closed on January 7, 2025, 3:49pm UTC