Collection of hand-picked free HTML and CSS close 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 Download Buttons
  8. CSS Play/Pause Buttons
  9. CSS Button Click Effects
Demo image: CSS Close Button CSS Close Button - GIF Demo

Creator

  • merrybottle

Programming language

  • HTML / CSS

Information the code

CSS Close Button

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

Dependencies:

Demo image: Close Animation Close Animation - GIF Demo

Creator

  • Maneesh

Programming language

  • HTML / CSS (SCSS)

Information the code

Close Animation

A little close animation that’s not a hamburger to close animation.

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

Dependencies:

Demo image: Interactive Close Button Interactive Close Button - GIF Demo

Creator

  • Marius Nicula

Programming language

  • HTML / CSS (SCSS)

Information the code

Interactive Close Button

A simple but interactive close button.

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

Dependencies:

Demo image: Animated Close Icon Animated Close Icon - GIF Demo

Creator

  • ross s

Programming language

  • HTML / CSS (SCSS)

Information the code

Animated Close Icon

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

Dependencies:

Demo image: Open / Close Button Animation Open / Close Button Animation - GIF Demo

Creator

  • Jerome Renders

Programming language

  • HTML (Pug) / CSS (Sass) / JavaScript

Information the code

Open / Close Button Animation

Browser Support: Chrome, Firefox, Opera, Safari

Dependencies: font-awesome.css

Demo image: Back To Close Back To Close - GIF Demo

Creator

  • Stefano

Programming language

  • HTML / CSS / JavaScript

Information the code

Back To Close

Inspired by “Back To Close” by sandeep virk https://dribbble.com/shots/1980182-Back-to-Close

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

Dependencies:

Demo image: Close Button Close Button - GIF Demo

Creator

  • Paraskevas Ntinakis

Programming language

  • HTML / CSS

Information the code

Close Button

Simple close button in HTML and CSS.

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

Dependencies:

Demo image: Pure CSS Close Buttons

Creator

  • ndeniche

Programming language

  • HTML / CSS (SCSS)

Information the code

Pure CSS Close Buttons

Concept by Rubén Reyes. Feel free to play around with it, animate it, integrated with burger icons, etc.

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

Dependencies:

Demo image: Close Button Close Button - GIF Demo

Creator

  • Jermbo

Programming language

  • HTML / CSS (Less)

Information the code

Close Button

A site required a close button, so I thought I would test something out to see the code required. Its a simple animation but looks so damn good.

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

Dependencies: