Post thumbnail: 10 CSS Close Buttons

10 CSS Close Buttons

Collection of hand-picked free HTML and CSS close button code examples.

Related Articles

  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

Demo image: CSS Close Button CSS Close Button - GIF Demo

Author

  • merrybottle

Made with

  • HTML / CSS

About the code

CSS Close Button

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Demo image: Close Animation Close Animation - GIF Demo

Author

  • Maneesh

Made with

  • HTML / CSS (SCSS)

About the code

Close Animation

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

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

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

Author

  • Marius Nicula

Made with

  • HTML / CSS (SCSS)

About the code

Interactive Close Button

A simple but interactive close button.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

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

Author

  • ross s

Made with

  • HTML / CSS (SCSS)

About the code

Animated Close Icon

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

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

Author

  • Jerome Renders

Made with

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

About the code

Open / Close Button Animation

Compatible browsers: Chrome, Firefox, Opera, Safari

Dependencies: font-awesome.css

Demo image: Close Button Close Button - GIF Demo

Author

  • Paraskevas Ntinakis

Made with

  • HTML / CSS

About the code

Close Button

Simple close button in HTML and CSS.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Demo image: Pure CSS Close Buttons

Author

  • ndeniche

Made with

  • HTML / CSS (SCSS)

About 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.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Demo image: Close Button Close Button - GIF Demo

Author

  • Jermbo

Made with

  • HTML / CSS (Less)

About 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.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

back to top