# Scripts & Effects on the(CSS,JS)

**URL:** <https://forum.freecodecamp.org/t/scripts-effects-on-the-css-js/470751>\
**Category:** Curriculum Help\
**Tags:** html, css\
**Created:** [July 24, 2021, 10:15pm UTC](https://forum.freecodecamp.org/t/scripts-effects-on-the-css-js/470751 "2021-07-24T22:15:28Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Andrew2004](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/andrew2004/32/227085_2.png) [@Andrew2004](https://forum.freecodecamp.org/u/Andrew2004)\
**Post date:** [July 24, 2021, 10:15pm UTC](https://forum.freecodecamp.org/t/scripts-effects-on-the-css-js/470751/1 "2021-07-24T22:15:28Z")

</div>

Hi , tell me the sources of animations and scripts.

---

<div class="post-metadata">

**Author:** ![jwilkins.oboe](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jwilkins.oboe/32/179497_2.png) [@jwilkins.oboe](https://forum.freecodecamp.org/u/jwilkins.oboe)\
**Post date:** [July 24, 2021, 11:07pm UTC](https://forum.freecodecamp.org/t/scripts-effects-on-the-css-js/470751/2 "2021-07-24T23:07:21Z")

</div>

Can you expand on your question because I am not sure what you are asking.  
Are you looking for css and js animation libraries?

---

<div class="post-metadata">

**Author:** ![Andrew2004](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/andrew2004/32/227085_2.png) [@Andrew2004](https://forum.freecodecamp.org/u/Andrew2004)\
**Post date:** [July 25, 2021, 3:46pm UTC](https://forum.freecodecamp.org/t/scripts-effects-on-the-css-js/470751/3 "2021-07-25T15:46:05Z")

</div>

> [@jwilkins.oboe](#):
>
> re you looking for css and js animation libraries?

I’m interested in pre-made effects.

---

<div class="post-metadata">

**Author:** ![jwilkins.oboe](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jwilkins.oboe/32/179497_2.png) [@jwilkins.oboe](https://forum.freecodecamp.org/u/jwilkins.oboe)\
**Post date:** [July 25, 2021, 5:41pm UTC](https://forum.freecodecamp.org/t/scripts-effects-on-the-css-js/470751/4 "2021-07-25T17:41:16Z")

</div>

> [@Andrew2004](#):
>
> pre-made effects

Ok, well CSS has a lot of animations to choose from.

> **[Using CSS animations - CSS: Cascading Style Sheets | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations)**
>
> CSS animations make it possible to animate transitions from one CSS style configuration to another. Animations consist of two components, a style describing the CSS animation and a set of keyframes that indicate the start and end states of the...

There is also a whole section on FCC about animations.

> **[freeCodeCamp.org](https://www.freecodecamp.org/learn/responsive-web-design)**
>
> Learn to Code — For Free

As I mentioned earlier, there are plenty of css and js animation libraries where you can use their pre-made effects in your project.

> **[CSS Animation Libraries | CSS-Tricks](https://css-tricks.com/css-animation-libraries/)**
>
> There are an awful lot of libraries that want to help you animate things on the web. These aren't really libraries that help you with the syntax or the

> **[10+ Best JavaScript Animation Libraries to Use in 2023](https://www.codeinwp.com/blog/best-javascript-animation-libraries/)**
>
> This collection of the best JavaScript animation libraries will help you get a headstart in animating any element on your website.

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/freecodecamp/original/3X/e/1/e1c433102e34b46dfaa3e15d13ab9a514b127078.svg) [@system](https://forum.freecodecamp.org/u/system)\
**Post date:** [January 24, 2022, 5:41am UTC](https://forum.freecodecamp.org/t/scripts-effects-on-the-css-js/470751/5 "2022-01-24T05:41:41Z")

</div>

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.