caiohproespeciais Goto Github PK

amp.dev

The AMP Project Website.

arrownavigationstyles

Some inspiration for arrow navigation styles and hover effects using SVG icons for the arrows, and CSS transitions and animations for the effects.

blueprint-fixedbackgroundscrollinglayout

A fixed background image scrolling layout with 100% height panels and smooth scrolling.

blueprint-nestedaccordion

A simple, nestable accordion with some examples of nesting levels and a media query.

buttoncomponentmorph

Inspiration for revealing content by morphing the action element.

documentation-starter-kit

filterableproductgrid

A responsive product grid layout with touch-friendly Flickity galleries and Isotope-powered filter functionality.

hovereffectideas

Some inspiration and modern ideas for subtle hover effects.

imagetocontent

A simple scroll effect and page transition inspired by Vitalii Burhonskyi’s Dribbble shot.

multilevelmenu

A simple menu with multiple levels and an optional breadcrumb navigation and back button.

multilevelpushmenu

An experimental push menu with multi-level functionality that allows endless nesting of navigation elements.

notificationstyles

Various simple ideas and effects for unobtrusive notifications on a website.

onscrolleffectlayout

An on scroll effect template that animates the sides of sections once they are in the viewport.

onscrollviewswitch

A layout with some scroll animations and a view switch where the content items animate to a grid.

productcomparison

A basic responsive product grid layout with comparison functionality and a slide-in effect.

progressbuttonstyles

A set of flat and 3D progress button styles where the button itself serves as a progress indicator. 3D styles are used for showing the progress indication on one side of the button while rotating the button in perspective.

responsivemultilevelmenu

A responsive multi-level menu that shows its submenus in their own context, allowing for a space-saving presentation and usage.

scrollpanels

An exploration of smooth panel scroll effects based on Margot Priolet's website.

selectinspiration

Creative styles and ideas for custom select elements.

sidebartransitions

Some inspiration for transition effects for off-canvas navigations.

textured-text-techniques

Techniques for Creating Textured Text.