50+ CSS Text Animations

Are you looking to add dynamic effects to your website’s text or willing to animate text elements? Fret not! We have curated a collection of more than 50 CSS text animations that you can use to animate text elements on your web pages.

We have gathered a top compilation of text animations that not only change the appearance of text over time, but also allow you to move, fade, rotate, change colours, and implement breath-taking visual effects in no time.

These newer text animations have made ground with a better user experience for web developers and designers. It is high time to checkout our best collection of CSS text animations and bring your dead web page to life.

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)