50+ CSS Text Animations

Curated collection of 50+ HTML and CSS text animation code examples. Each item is 100% free and customizable for web developers and designers.

1. Line through effect 3D

See the Pen <a href="https://codepen.io/thebabydino/pen/KKpwmEg"> Line through effect 3D</a> by Ana Tudor (<a href="https://codepen.io/thebabydino">@thebabydino</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Ana Tudor
Source: Code / Demo
Created on: FEBRUARY 8, 2020
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML(Pug), CSS(SCSS)

2. Cinematic text animation · CSS only

See the Pen <a href="https://codepen.io/scootman/pen/xLJmYQ"> Cinematic text animation · CSS only</a> by Scott Henderson (<a href="https://codepen.io/scootman">@scootman</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Scott Henderson
Source: Code / Demo
Created on: AUGUST 25, 2017
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML(Slim), CSS(SCSS)

3. glowing text

See the Pen <a href="https://codepen.io/ambercheydesigns/pen/YzPgOvy"> glowing text</a> by amber (<a href="https://codepen.io/ambercheydesigns">@ambercheydesigns</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: amber
Source: Code / Demo
Created on: JANUARY 26, 2020
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS)

4. Text shadow animation (CSS) but I’m being extra

See the Pen <a href="https://codepen.io/natszafraniec/pen/gOxrKJv"> Text shadow animation (CSS) but I’m being extra</a> by Natalia 🤟 (<a href="https://codepen.io/natszafraniec">@natszafraniec</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Natalia
Source: Code / Demo
Created on: FEBRUARY 28, 2028
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS)

5. Animated Text Gradient

See the Pen <a href="https://codepen.io/chrishodges27/pen/QxGdmb"> Animated Text Gradient</a> by chrishodges (<a href="https://codepen.io/chrishodges27">@chrishodges27</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: chrishodges
Source: Code / Demo
Created on: JUNE 8, 2018
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

6. EAT SLEEP RAVE – 3D ROTATE

See the Pen <a href="https://codepen.io/emilio_ta/pen/NWYWNaW"> EAT SLEEP RAVE – 3D ROTATE</a> by Emilio (<a href="https://codepen.io/emilio_ta">@emilio_ta</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Emilio
Source: Code / Demo
Created on: JUNE 28, 2022
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS)

7. 3d text

See the Pen <a href="https://codepen.io/kevinpowell/pen/mdwXRqd"> 3d text</a> by Kevin (<a href="https://codepen.io/kevinpowell">@kevinpowell</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Kevin
Source: Code / Demo
Created on: SEPTEMBER 17, 2021
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

8. Schitt’s Creek (CSS) title animation

See the Pen <a href="https://codepen.io/robjoeol/pen/WNywdEW"> Schitt’s Creek (CSS) title animation</a> by Rob (<a href="https://codepen.io/robjoeol">@robjoeol</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Rob
Source: Code / Demo
Created on: NOVEMBER 3, 2022
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

9. Animation in the Dark | Café Text Animation | @keyframers 3.25.3

See the Pen <a href="https://codepen.io/team/keyframers/pen/RwKoMmb"> Animation in the Dark | Café Text Animation | @keyframers 3.25.3</a> by @keyframers (<a href="https://codepen.io/team/keyframers">@keyframers</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: @keyframers
Source: Code / Demo
Created on: MARCH 31, 2021
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS)

10. 3D CSS Letter Transition

See the Pen <a href="https://codepen.io/cobra_winfrey/pen/xxVJZwo"> 3D CSS Letter Transition</a> by Adam Kuhn (<a href="https://codepen.io/cobra_winfrey">@cobra_winfrey</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Adam Kuhn
Source: Code / Demo
Created on: SEPTEMBER 15, 2020
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML(Haml), CSS(SCSS)

11. Text frame border animation rotation that [ONLY CSS]

See the Pen <a href="https://codepen.io/designfenix/pen/gOGVXWw"> Text frame border animation rotation that [ONLY CSS]</a> by Fernando Cohen (<a href="https://codepen.io/designfenix">@designfenix</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Fernando Cohen
Source: Code / Demo
Created on: JANUARY 22, 2022
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS)

12. Rotate Ipsum (CSS)

See the Pen <a href="https://codepen.io/amit_sheen/pen/JjJpYpx"> Rotate Ipsum (CSS)</a> by Amit Sheen (<a href="https://codepen.io/amit_sheen">@amit_sheen</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Amit Sheen
Source: Code / Demo
Created on: SEPTEMBER 17, 2021
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS)

13. Handwriting Animation (SVG + CSS)

See the Pen <a href="https://codepen.io/marinamcpeak/pen/XYNdvd"> Handwriting Animation (SVG + CSS)</a> by Marina (<a href="https://codepen.io/marinamcpeak">@marinamcpeak</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Marina
Source: Code / Demo
Created on: JUNE 8, 2018
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

14. Spacious

See the Pen <a href="https://codepen.io/ricardoolivaalonso/pen/wvvGoeY"> Spacious</a> by Ricardo Oliva Alonso (<a href="https://codepen.io/ricardoolivaalonso">@ricardoolivaalonso</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Ricardo Oliva Alonso
Source: Code / Demo
Created on: OCTOBER 14, 2019
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS)

15. Text Animation – N° 1

See the Pen <a href="https://codepen.io/carloscdev/pen/mdBLmwP"> Text Animation – N° 1</a> by Carlos Córdova (<a href="https://codepen.io/carloscdev">@carloscdev</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Carlos Córdova
Source: Code / Demo
Created on: JANUARY 4, 2022
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

16. Rotate Ipsum (CSS)

17. Pure CSS Text Animation

See the Pen <a href="https://codepen.io/arlinacode/pen/BxgRPb"> Pure CSS Text Animation</a> by Arlina Code (<a href="https://codepen.io/arlinacode">@arlinacode</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Arlina Code
Source: Code / Demo
Created on: MAY 25, 2018
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

18. CSS

See the Pen <a href="https://codepen.io/enbee81/pen/BaZWdmQ"> CSS</a> by Nils Binder (<a href="https://codepen.io/enbee81">@enbee81</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Nils Binder
Source: Code / Demo
Created on: SEPTEMBER 9, 2021
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS)

19. Cartoon Type

See the Pen <a href="https://codepen.io/maxvoltar/pen/ZEzNYeM"> Cartoon Type</a> by Tim Van Damme (<a href="https://codepen.io/maxvoltar">@maxvoltar</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Tim Van Damme
Source: Code / Demo
Created on: SEPTEMBER 28, 2019
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

20. Impossibly Tipsy

See the Pen <a href="https://codepen.io/thismanslife/pen/XKmyoo"> Impossibly Tipsy</a> by James Mellers (<a href="https://codepen.io/thismanslife">@thismanslife</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: James Mellers
Source: Code / Demo
Created on: JUNE 8, 2016
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

21. Cool Text

See the Pen <a href="https://codepen.io/cbanlawi/pen/MWbemYP"> Cool Text</a> by Christine Banlawi (<a href="https://codepen.io/cbanlawi">@cbanlawi</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Christine Banlawi
Source: Code / Demo
Created on: FEBRUARY 8, 2021
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

22. Masking Path Animation

See the Pen <a href="https://codepen.io/tutsplus/pen/vdexgK"> Masking Path Animation</a> by Envato Tuts+ (<a href="https://codepen.io/tutsplus">@tutsplus</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Envato Tuts+
Source: Code / Demo
Created on: FEBRUARY 15, 2018
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

23. Holographic type

See the Pen <a href="https://codepen.io/cjimmy/pen/zYzNBJj"> Holographic type</a> by Jimmy Chion (<a href="https://codepen.io/cjimmy">@cjimmy</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Jimmy Chion
Source: Code / Demo
Created on: SEPTEMBER 8, 2021
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

24. City Nights Text Effect

See the Pen <a href="https://codepen.io/zastrow/pen/PoJmzGJ"> City Nights Text Effect</a> by Philip Zastrow (<a href="https://codepen.io/zastrow">@zastrow</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Philip Zastrow
Source: Code / Demo
Created on: DECEMBER 17, 2021
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

25. Happy New Year SVG Animation

See the Pen <a href="https://codepen.io/ayaos/pen/VwKQEmx"> Happy New Year SVG Animation</a> by Ayana (<a href="https://codepen.io/ayaos">@ayaos</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Ayana
Source: Code / Demo
Created on: JANUARY 1, 2021
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS)

26. Shining Text Animation Effects

See the Pen <a href="https://codepen.io/FrankieDoodie/pen/dgVGad"> Shining Text Animation Effects</a> by FrankieDoodie (<a href="https://codepen.io/FrankieDoodie">@FrankieDoodie</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: FrankieDoodie
Source: Code / Demo
Created on: OCTOBER 14, 2018
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

27. Neon Tex

See the Pen <a href="https://codepen.io/qpi65/pen/LYNOXJO"> Neon Tex </a> by Mohamed (<a href="https://codepen.io/qpi65">@qpi65</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Mohamed
Source: Code / Demo
Created on: SEPTEMBER 4, 2020
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

28. CSS 3D Text Effect

See the Pen <a href="https://codepen.io/kylewetton/pen/yLBwdJX"> CSS 3D Text Effect</a> by Kyle Wetton (<a href="https://codepen.io/kylewetton">@kylewetton</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Kyle Wetton
Source: Code / Demo
Created on: SEPTEMBER 26, 2019
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS)

29. Hello World! CSS Text Roller

See the Pen <a href="https://codepen.io/pokecoder/pen/YzxmMrz"> Hello World! CSS Text Roller</a> by Ale (<a href="https://codepen.io/pokecoder">@pokecoder</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Ale
Source: Code / Demo
Created on: NOVEMBER 27, 2021
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

30. Animated wave clipped by text

See the Pen <a href="https://codepen.io/web-tiki/pen/YNKMpB"> Animated wave clipped by text</a> by web-tiki (<a href="https://codepen.io/web-tiki">@web-tiki</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: web-tiki
Source: Code / Demo
Created on: JANUARY 2, 2017
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

31. Text Animation

See the Pen <a href="https://codepen.io/gayane-gasparyan/pen/dyWEwMW"> Text Animation</a> by Gayane Gasparyan (<a href="https://codepen.io/gayane-gasparyan">@gayane-gasparyan</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Gayane Gasparyan
Source: Code / Demo
Created on: AUGUST 17, 2021
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML(Pug), CSS(SCSS)

32. CSS Rolling Text

See the Pen <a href="https://codepen.io/marcell0lopes/pen/oNemQmB"> CSS Rolling Text</a> by Marcello Lopes (<a href="https://codepen.io/marcell0lopes">@marcell0lopes</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Marcello Lopes
Source: Code / Demo
Created on: NOVEMBER 19, 2021
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

33. Text Animation #4 – Smooth fade-in

See the Pen <a href="https://codepen.io/kazed972/pen/bQOQGR"> Text Animation #4 – Smooth fade-in</a> by Keny Zachelin (<a href="https://codepen.io/kazed972">@kazed972</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Keny Zachelin
Source: Code / Demo
Created on: NOVEMBER 30, 2018
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS, JavaScript

34. CSS & HTML only Animated Ice Text Effect, Frozen Text Effect

See the Pen <a href="https://codepen.io/EricPorter/pen/JjPmOOb"> Word Swipe Animation</a> by Eric Porter (<a href="https://codepen.io/EricPorter">@EricPorter</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Mandy Michael
Source: Code / Demo
Created on: JANUARY 17, 2018
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS), JavaScript

35. Word Swipe Animation

Author: Eric Porter
Source: Code / Demo
Created on: SEPTEMBER 18, 2019
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS)

36. Title Page – CSS Only

See the Pen <a href="https://codepen.io/Event_Horizon/pen/BadOEdL"> Title Page – CSS Only</a> by Event Horizon (<a href="https://codepen.io/Event_Horizon">@Event_Horizon</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Event Horizon
Source: Code / Demo
Created on: NOVEMBER 13, 2021
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML(Pug), CSS(SCSS)

37. Text Split and Reveal Animation

See the Pen <a href="https://codepen.io/RitikaAgrawal08/pen/ExmrRzj"> Text Split and Reveal Animation</a> by Ritika Agrawal (<a href="https://codepen.io/RitikaAgrawal08">@RitikaAgrawal08</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Ritika Agrawal
Source: Code / Demo
Created on: AUGUST 12, 2021
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

38. Letter Animation

See the Pen <a href="https://codepen.io/FlorinPop17/pen/WEBNyx"> Letter Animation</a> by Florin Pop (<a href="https://codepen.io/FlorinPop17">@FlorinPop17</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Florin Pop
Source: Code / Demo
Created on: SEPTEMBER 6, 2017
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS, JavaScript

39. CSS Text-Shadow Animation

See the Pen <a href="https://codepen.io/faria09/pen/vYGZVgW"> CSS Text-Shadow Animation</a> by Faria Begum Riya (<a href="https://codepen.io/faria09">@faria09</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Faria Begum Riya
Source: Code / Demo
Created on: AUGUST 30, 2020
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS)

40. Pure CSS text-animation

See the Pen <a href="https://codepen.io/vainsan/pen/NWRaPXG"> 👹 – Pure CSS text-animation</a> by vainsan (<a href="https://codepen.io/vainsan">@vainsan</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: vainsan
Source: Code / Demo
Created on: DECEMBER 22, 2020
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

41. CSS TEXT REVEALING ANIMATION

See the Pen <a href="https://codepen.io/yemon/pen/dzgmxJ"> CSS TEXT REVEALING ANIMATION</a> by Nooray Yemon (<a href="https://codepen.io/yemon">@yemon</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Nooray Yemon
Source: Code / Demo
Created on: AUGUST 28, 2017
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

42. (cool) text effect

See the Pen <a href="https://codepen.io/hkmDesigner/pen/zwJPgL"> (cool) text effect</a> by Hakkam Abdullah (<a href="https://codepen.io/hkmDesigner">@hkmDesigner</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Hakkam Abdullah
Source: Code / Demo
Created on: MAY 18, 2017
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

43. Luminance

See the Pen <a href="https://codepen.io/onecastell/pen/VwZWBvr"> Luminance</a> by Franklin Castellanos (<a href="https://codepen.io/onecastell">@onecastell</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Franklin Castellanos
Source: Code / Demo
Created on: AUGUST 29, 2019
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS)

44. Flying platform (CSS)

See the Pen <a href="https://codepen.io/amit_sheen/pen/mdmJNYz"> Flying platform (CSS)</a> by Amit Sheen (<a href="https://codepen.io/amit_sheen">@amit_sheen</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Amit Sheen
Source: Code / Demo
Created on: JULY 2, 2021
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS)

45. SVG video mask on text

See the Pen <a href="https://codepen.io/SimonEvans/pen/weoLLB"> SVG video mask on text</a> by Simon Evans (<a href="https://codepen.io/SimonEvans">@SimonEvans</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Simon Evans
Source: Code / Demo
Created on: JUNE 16, 2017
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS)

46. Liquid Type

See the Pen <a href="https://codepen.io/Callum-Martin/pen/aWpdGw"> Liquid Type</a> by Callum Martin (<a href="https://codepen.io/Callum-Martin">@Callum-Martin</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Callum Martin
Source: Code / Demo
Created on: APRIL 27, 2017
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

47. Rotatey Text

See the Pen <a href="https://codepen.io/jsonyeung/pen/zYdRWvX"> Rotatey Text</a> by Jason Yeung (<a href="https://codepen.io/jsonyeung">@jsonyeung</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Jason Yeung
Source: Code / Demo
Created on: NOVEMBER 5, 2021
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML(Pug), CSS(SCSS)

48. Pure CSS | FadeIn Text with bars | KeyFrames & Scss

See the Pen <a href="https://codepen.io/KaioRocha/pen/YoEVvZ"> Pure CSS | FadeIn Text with bars | KeyFrames & Scss</a> by Kaio Almeida (<a href="https://codepen.io/KaioRocha">@KaioRocha</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Kaio Almeida
Source: Code / Demo
Created on: JUNE 27, 2019
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS)

49. ✈️ Airport info

See the Pen <a href="https://codepen.io/jesuskinto/pen/wvJeVez"> ✈️ Airport info</a> by Quinto Jesús (<a href="https://codepen.io/jesuskinto">@jesuskinto</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Quinto Jesús
Source: Code / Demo
Created on: MAY 26, 2021
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML(Pug), CSS(Sass)

50. Text-Shadow Animate

See the Pen <a href="https://codepen.io/wyattnolen/pen/zzrbjb"> Text-Shadow Animate</a> by Wyatt Nolen (<a href="https://codepen.io/wyattnolen">@wyattnolen</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Wyatt Nolen
Source: Code / Demo
Created on: JUNE 10, 2017
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS)

51. Text Shadow

See the Pen <a href="https://codepen.io/gabriele_997/pen/wvqPKKE"> Text Shadow</a> by Gabriele (<a href="https://codepen.io/gabriele_997">@gabriele_997</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Gabriele
Source: Code / Demo
Created on: FEBRUARY 28, 2028
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

52. Apple commercial animation

See the Pen <a href="https://codepen.io/alvaromontoro/pen/RmRjvg"> Apple commercial animation</a> by Alvaro Montoro (<a href="https://codepen.io/alvaromontoro">@alvaromontoro</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Alvaro Montoro
Source: Code / Demo
Created on: MAY 12, 2019
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS)