10 CSS Close Buttons
Collection of hand-picked free HTML and CSS close button code examples.
Related Articles
- CSS Buttons
- CSS Button Hover Effects
- CSS 3D Buttons
- CSS Submit Buttons
- CSS Gradient Buttons
- CSS Flat Buttons
About the code
CSS Close Button
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -
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: -
About the code
Interactive Close Button
A simple but interactive close button.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -
About the code
Animated Close Icon
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -
About the code
Open / Close Button Animation
Compatible browsers: Chrome, Firefox, Opera, Safari
Dependencies: font-awesome.css
About the code
Open / Close
Implementation of Dann Petty's "Open Close Icon Animation" dribbble.com/shots/16213….
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -
About the code
Back To Close
Inspired by "Back To Close" by sandeep virk dribbble.com/shots/19801…
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -
About the code
Close Button
Simple close button in HTML and CSS.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -
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: -
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: -
