Google Inspired CSS Floating Action Button

A button made in CSS that activates a simple menu on click. It can be used as a menu in a mobile app or a website, it’s lightweight and easy to implement.

This resource is found in the following 4 collections:

- CSS Menus (76 submissions)
  
  Repository of HTML and CSS menus created with little to no JavaScript, you’ll find many different styles of menus & navigation like drop down menus, accordions, hover, vertical & horizontal, toggle, and sliding menus. CSS menus are a great way to provide a memorable & enjoyable user experience.
- Feb 8, 2017
  Flag Comment
  Login
  
  Or
  
  Email field is required
  Leave a comment
  
  Comment cannot be empty.
  - Pure CSS Perspective Nav Menu
    
    This is a design by Codepen user Just another Chris. Its a snippet of an animated, pure CSS nav menu. Upon clicking te menu icon, the front panel is pushed...
  - Pure CSS Horizontal Accordion
    
    Based on the jQuery accordion by Paul Kelley, Codepen user Ren Aysha took the concept and decided to bring into a pure CSS form, using elements instead of ...
  - Pure CSS Drop Down Menu
    
    Created by Codepen user Jamie Coulter, this is a snippet for a pure CSS menu with smooth drop down animations in a similar fashion to accordion menus. A gr...
  - View all collection
- Sliding Menus (17 submissions)
  
  Plugins for creating beautiful sliding menus using jQuery, letting you choose among a variety of styles and behaviors.
- Feb 8, 2017
  Flag Comment
  Login
  
  Or
  
  Email field is required
  Leave a comment
  
  Comment cannot be empty.
  - CSS & JS Sidebar Toggle Menu
    
    A simple sidebar toggle menu made in CSS and JavaScript that activates on click, displaying a material menu for applications and mobile websites. It also l...
  - Colorful Material CSS & JS Circular Menu
    
    A colorful material CSS and JavaScript menu that uses concentric circles. When clicked on the middle, it displays different rings for likes, profile, photo...
  - Google Inspired CSS Floating Action Button
    
    A button made in CSS that activates a simple menu on click. It can be used as a menu in a mobile app or a website, it's lightweight and easy to implement.
  - View all collection
- CSS Drop-down Menus (36 submissions)
  
  Examples and snippets of drop-down menus made out of pure or combined CSS with JavaScript.
- Feb 8, 2017
  Flag Comment
  Login
  
  Or
  
  Email field is required
  Leave a comment
  
  Comment cannot be empty.
  - Classy Pure CSS Drop Down Menu
    
    This snippet is a pure CSS drop-down menu designed by landing a classy approach. It's a nice addition to any user interface without the implementation of J...
  - Responsive CSS Rotating Menu
    
    A snippet for a responsive rotating menu built on bootstrap for the layout/grid system. It only uses the default navbar to apply a "transparent" look. Once...
  - Google Inspired CSS Floating Action Button
    
    A button made in CSS that activates a simple menu on click. It can be used as a menu in a mobile app or a website, it's lightweight and easy to implement.
  - View all collection
- CSS Buttons (51 submissions)
  
  A massive set of CSS buttons for free in multiple styles such as minimal, material, flat and 3D, ready to be integrated into your UI/UX project. You’ll find a variety of CSS effects like hover buttons, hover images, CSS box shadows, etc.
  
  Related Lists: PSD Web Buttons · Material Buttons · CSS Radio Buttons
- Feb 8, 2017
  Flag Comment
  Login
  
  Or
  
  Email field is required
  Leave a comment
  
  Comment cannot be empty.
  - CSS Animated Button Styles Collection
    
    A small collection created in CSS by Codepen user John Heiner, it features 8 animated button styles with stunningly beautiful animations like Lift Off, Hol...
  - Button Hover Effect with Box-Shadows
    
    Fun snippet uploaded by Codepen user Giana. Basic animations with box shadows. No extra elements or pseudo-elements required.
  - CSS Pulsable 3D Buttons
    
    Handy set of Pressable 3D styled Buttons in pure CSS
  - View all collection