Code Front (s)

13 CSS Play Buttons

Collection of Hand-Picked free 13 CSS Play Buttons.

Related posts

↓
Demo image:https://codefronts.com/wp-content/uploads/2023/06/pure-css-play-icon.png

Author

  • Dennis Evert

Made with

  • HTML / SCSS

Created on

  • January 02,2016

Updated on

  • January 02,2016

About the Code

Pure CSS Play Icon

Useful Links:Live Demo | Download
Dependency:–
↑ ↓

Author

  • Adir

Made with

  • HTML / CSS

Created on

  • June 13,2022

Updated on

  • June 26,2022

About the Code

SVG play buttons

Useful Links:Live Demo | Download
Dependency:–
Animation:yes
↑ ↓
Demo image:https://codefronts.com/wp-content/uploads/2023/06/play-button-animation.png

Author

  • Arturo Alviar

Made with

  • Pug / Stylus

Created on

  • December 04,2017

Updated on

  • December 05,2017

About the Code

Play button animation

Useful Links:Live Demo | Download
Dependency:–
Animation:yes
↑ ↓
Demo image:https://codefronts.com/wp-content/uploads/2023/06/play-button-design-concept.png

Author

  • Andreas Antonsson

Made with

  • HTML / SCSS

Created on

  • February 11,2017

Updated on

  • April 27,2017

About the Code

Play button design concept

Useful Links:Live Demo | Download
Dependency:–
Animation:yes
↑ ↓

Author

  • immortal

Made with

  • HTML / SCSS

Created on

  • May 25,2018

Updated on

  • May 25,2018

About the Code

CSS Play Button

Play Button with spinning reel on hover

Useful Links:Live Demo | Download
Dependency:–
Animation:yes
↑ ↓

Author

  • Robert Bue

Made with

  • HTML / SCSS / JS

Created on

  • September 01,2015

Updated on

  • September 01,2015

About the Code

SVG Hotspot/Play button animation

Animation was done by GSAP

Useful Links:Live Demo | Download
Dependency:jquery.js | TweenMax.js
Animation:yes
↑ ↓

Author

  • immortal

Made with

  • HTML / Less / JS

Created on

  • May 25,2018

Updated on

  • May 25,2018

About the Code

Dynamic Play Button

Useful Links:Live Demo | Download
Dependency:–
Animation:yes
↑ ↓

Author

  • Niels Oeltjen

Made with

  • HTML / CSS

Created on

  • June 19,2012

Updated on

  • January 23,2013

About the Code

CSS only audio play button UI

Streaming audio player animation with a play button using modern CSS animations transforms etc.

Useful Links:Live Demo | Download
Dependency:–
Animation:yes
↑ ↓

Author

  • mi-ca

Made with

  • HTML / CSS / JS

Created on

  • March 13,2017

Updated on

  • March 13,2017

About the Code

bouncing play button

bouncing play button

Useful Links:Live Demo | Download
Dependency:bouncejs
Animation:yes
↑ ↓

Author

  • Keandre D. Windett

Made with

  • HTML / SCSS / JS

Created on

  • November 08,2017

Updated on

  • November 08,2017

About the Code

Pulsing Play Button

Useful Links:Live Demo | Download
Dependency:jquery.js
Animation:yes
↑

Author

  • Luke Meyrick

Made with

  • HTML / SCSS

Created on

  • July 01,2015

Updated on

  • July 13,2015

About the Code

CSS Play Button

Useful Links:Live Demo | Download
Dependency:–
Animation:yes