Collection of hand-picked free HTML and CSS play/pause button code examples.

  1. CSS Buttons
  2. CSS Button Hover Effects
  3. CSS 3D Buttons
  4. CSS Submit Buttons
  5. CSS Gradient Buttons
  6. CSS Flat Buttons
  7. CSS Close Buttons
  8. CSS Download Buttons
  9. CSS Button Click Effects
  10. CSS Button Libraries
Demo image: Play Button Animation Play Button Animation - GIF Demo

Creator

  • Eric Brewer

Programming language

  • HTML (Pug) / CSS (SCSS) / JavaScript (Babel)

Information the code

Play Button Animation

Play button animation in HTML, CSS and JS.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Dependencies: font-awesome.css

Demo image: CSS Play Button CSS Play Button - GIF Demo

Creator

  • Arnold Longequeue

Programming language

  • HTML / CSS (SCSS)

Information the code

CSS Play Button

Play button with SVG and CSS animation.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Dependencies:

Demo image: Play Button Play Button - GIF Demo

Creator

  • Baron

Programming language

  • HTML / CSS

Information the code

Play Button

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Dependencies:

Demo image: Bouncing Play Button Bouncing Play Button - GIF Demo

Creator

  • mi-ca

Programming language

  • HTML / CSS / JavaScript

Information the code

Bouncing Play Button

Bouncing play button made with http://bouncejs.com/.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Dependencies:

Demo image: SVG Play Button SVG Play Button - GIF Demo

Creator

  • Ivan Villa

Programming language

  • HTML / CSS (SCSS)

Information the code

SVG Play Button

Simple play button SVG animation.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Dependencies:

Demo image: Play Button Play Button - GIF Demo

Creator

  • Luke Meyrick

Programming language

  • HTML / CSS (SCSS)

Information the code

Play Button

Play button with SVG and CSS.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Dependencies:

Demo image: Attractive Play Button Attractive Play Button - GIF Demo

Creator

  • J Scott Smith

Programming language

  • HTML / CSS (SCSS)

Information the code

Attractive Play Button

Play button with spinning reel on hover.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Dependencies: