clay.css
hamburgers
clay.css | hamburgers | |
---|---|---|
3 | 8 | |
548 | 7,002 | |
- | - | |
0.0 | 0.0 | |
over 1 year ago | 12 months ago | |
SCSS | SCSS | |
- | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
clay.css
- Clay.CSS – Micro CSS util class for applying inflated fluffy 3D
-
clay.css - micro CSS util class for applying claymorphic styles
or maybe all could be achieved (guessing from SASS variables), but your page kinda hurts the eyes
-
clay.css - micro CSS util for creating claymorphic UI
Check out the repository and the demo page
hamburgers
-
CSS Tools for Enhanced Web Design
5. Hamburgers by Jon Suh
-
There was a time when each new hamburger menu design was being shared like crazy. Now, there are big lists like this one with plenty of options to use. What a time to be a web designer
When was that time like 20 years ago? This has existed for like ten years now: https://github.com/jonsuh/hamburgers
-
The Ultimate List of CSS Code Generators For Web Development
Animated Hamburguer Menus
-
The Most Satisfying Checkbox
There's many different animations for the hamburger menu, [1] this site lists a lot of interesting variations, all after the click too.
[1] https://jonsuh.com/hamburgers/
-
Animated Hamburger Icon Astra Pro Theme?
Depends on the method used to create the hamburger and the type of animation you want to use. This guy has some neat examples: https://jonsuh.com/hamburgers/
-
I found some funny things in the Official Eddsworld Website's Code
Here's some stuff I noticed: The preview image for Slippery Slope is just a screenshot The section where they normally put the weekly eddsworld comic is literally called "ComicContainer" The sort of "add section" below the content is literally called "bottom-part" The website's footer is called the "EddFooter" The text links (not in the navigation) supposedly have a slight glow around them They have a lot of css (style-ing code) for an unused menu asset (like the menus that you click and they expand). It even links to this website (https://jonsuh.com/hamburgers) that allows you to use the code.
-
25+ Awesome CSS Code Generators For Your Next Project
The below website contain CSS code for various hamburger animations. 1 .Hamburgers
-
CSS Deep
jonsuh/hamburgers - Tasty CSS-animated Hamburgers
What are some alternatives?
custom-kibana-theme - Customize Kibana's appearance (logos, icons, texts and more)
animxyz - The first truly composable CSS animation library. Built for Vue, React, SCSS, and CSS, AnimXYZ will bring your website to life.
PageLoadingEffects - Modern ways of revealing new content using SVG animations.
layoutit-grid - Layoutit grid is a CSS Grid layout generator. Quickly draw down web pages layouts with our clean editor, and get HTML and CSS code to quickstart your next project.
odometer
SpinKit - A collection of loading indicators animated with CSS
fancyInput - Makes typing in input fields fun with CSS3 effects
pnotify - Beautiful JavaScript notifications with Web Notifications support.
awesome-conferences
Compass - Compass is no longer actively maintained. Compass is a Stylesheet Authoring Environment that makes your website design simpler to implement and easier to maintain.
css-loaders - A collection of loading spinners animated with CSS
Sequence - The responsive CSS animation framework for creating unique sliders, presentations, banners, and other step-based applications.