Search

Nalezeno "menu": 151

Menu Reveal By Page Rotate Animation


There are many different approaches to menus on websites. Some menus are persistent, always in view and display all the options. Other menus are hidden by design and need to be opened to view the options. And there are even additional approaches on how hidden menus reveal their menu items. Some...

Can you get valid CSS property values from the browser?


I had someone write in with this very legit question. Lea just blogged about how you can get valid CSS properties themselves from the browser. That’s like this. CodePen Embed Fallback That gives you, for example, the fact that cursor is a thing. But then how do you know what valid values...

Three CSS Alternatives to JavaScript Navigation


Hey quick! You’ve gotta create the navigation for the site and you start working on the mobile behavior. What pattern do you choose? If you’re like most folks, it’s probably the “hamburger” menu that, when clicked, uses a little JavaScript to expand a vertical list of navigation links. But that’s...

Creating a Menu Image Animation on Hover


A tutorial on how to create a hover effect for a menu where images appear with an animation on each item. The post Creating a Menu Image Animation on Hover appeared first on Codrops

Line-Animated Hamburger Menu


This kind of SVG + CSS animation trickery is catnip to me. Mikael Ainalem shares how to draw a hamburger icon (the “three lines” thing you’re well familiar with), but then animate it in a way that is surprising and fun by controlling the SVG properties in CSS. CodePen Embed...

An Infinitely Scrollable Vertical Menu


A quick look at how an infinitely scrollable menu works based on a looping scroll illusion of cloned items. An Infinitely Scrollable Vertical Menu was written by Mary Lou and published on Codrops

A “new direction” in the struggle against rightward scrolling


You know those times you get a horizontal scrollbar when accidentally placing an element off the right edge of the browser window? It might be a menu that slides in or the like. Sometimes we to overflow-x: hidden; on the body to fix that, but that can sometimes wreck stuff like position:...

List Style Recipes


Lists are a fundamental part of HTML! They are useful in things like blog posts for listing out steps, recipes for listing ingredients, or items in a navigation menu. Not only are they an opportunity for styling, but they have accessibility implications. For example, the number of items in a list...

Morphing Gooey Text Hover Effect


Three gooey morphing hover effects using SVG filters for menu links based on a demo by Graham Pyne. Morphing Gooey Text Hover Effect was written by Mary Lou and published on Codrops

CSS-Only Marquee Effect


A simple CSS-only marquee effect for a menu based on Francesco Zagami's Dribbble shot. CSS-Only Marquee Effect was written by Mary Lou and published on Codrops

Ideas for Distorted Link Effects on Menus


Some examples of how to use decorative distortion effects on big typography menu links. Ideas for Distorted Link Effects on Menus was written by Mary Lou and published on Codrops

Stop Using “Dropdown”


Adrian Roselli notes that it might actually mean: A <select> menu An ARIA Listbox, Combobox, Menu, or Disclosure Widget An input with a <datalist> An input with autocomplete A <details><summary> block An accordion Flyout navigation In my own usage, I tend to mean...

Animating CSS Width and Height Without the Squish Effect


The first rule of animating on the web: don't animate width and height. It forces the browser to recalculate a bunch of stuff and it's slow (or "expensive" as they say). If you can get away with it, animating any transform property is faster (and "cheaper"). Butttt, transform can be tricky. Check...

Beyond the Law Star Steven Seagal Settles With SEC + More News


Beyond the Law movie poster. Steven Seagal is in the middle. Crypto Briefs is your daily, bite-sized digest of cryptocurrency and blockchain-related news – investigating the stories flying under the radar of today’s crypto news. Legal news The U.S. Securities and Exchange Commission (SEC) settled...

Hamburger ☰ Heaven


A pleasant little romp through iconography and culture from Sophia Lucero. The "hamburger" menu icon we're familiar with now is really a sign from Taoist cosmology. Besides ☰, which represents heaven 天, we have ☱ for lake/marsh 澤, ☲ for fire 火, ☳ for thunder 雷, ☴ for wind 風, ☵ for water 水,...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace