Search Results for "css3"

...The hamburger button belongs inside the <nav> so that assistive technologies will be able to locate the navigation, and to allow these users to easily locatate the hamburger button, without having to search up and down the DOM, once they realize they've found themselves in an empty navigation. Animations use CSS3 3D transforms (translate3d whenever possible for GPU acceleration), which is supported by most browsers (not supported by IE9 and older and Opera Mini). Wanna work with ems or rems instead of px? Just change all the px values to the unit of your choice. Note: Be consistent (all px or all ems), otherwise it may break, the math behind the customization will fail if it attempts to perform operations with values of different units.

lightgallery.js uses CSS-only approach for resizing images and videos. So it will be extremely flexible, and considerably faster than using the JavaScript approach. lightgallery.js comes with a few built in modules, such as thumbnails, full screen, zoom, etc. It is easy to create your own modules, as well as detach modules that you don't want to use. lightgallery.js supports touch and swipe navigation on touchscreen devices, as well as mouse drag for desktops. This allows users to navigate...

css3- is an extensive collection of CSS3 demonstrations and visual experiments that highlight modern styling capabilities through practical, hands-on examples. The repository focuses on helping front-end developers understand how to implement sophisticated UI effects using native browser features rather than heavy external libraries. It covers a wide range of topics including animations, layout tricks, transitions, and creative visual compositions.

Move.js is a small JavaScript library making CSS3 backed animation extremely simple and elegant. Increment prop by val, where val is an Number (click several times). Decrement prop by val, where val is an Number (click several times). Set animation duration to n which is a Number or a string such as "4s". Translate x and optionally y axis. Set animation-delay to n which is a Number or a string such as "4s".

...It will translate, rotate, scale, skew and resize your elements. By including matrix multiplication operations, transforms can be combined in any way you want. The end result is then set via CSS3 transform matrices. snabbt.js is built to be fast. It will only animate things that modern browsers can animate cheaply, transforms and opacity. The goal is to make a library that will let the user make smooth animations without needing to know too much about browser rendering. Note, for convenience, width and height are animatable too, but beware since they may cause page reflows and slow down your animations. ...

jQueryRotate, a plugin to rotate images by any angle cross-browse with animation support. This project allows you to simply rotate images by any degree. It uses CSS3 where applicable and falls back to a CANVAS (old Firefox, some less-known browsers) or VML (IE6) solution where possible. It also gives a simple interface to animate rotation. Keep in mind that the primary usage of this plugin is to only rotate "IMG" elements, however the experimental version of the plugin (ver.3) also rotates other elements (yet does not support so many older browsers).

Textillate.js combines some awesome libraries to provide an easy-to-use plugin for applying CSS3 animations to any text. Simply include textillate.js and it's dependencies in your project to start creating unique effects. Textillate.js is built on top of the simple, yet amazingly powerful animate.css and lettering.js libraries.

Bounce.js is a tool and JS library for generating beautiful CSS3 powered keyframe animations. The tool on bouncejs.com allows you to generate static keyframes that can be used without any extra JavaScript, but if you'd like your application to generate these on the fly, you can use the Bounce.js library. The Bounce object is what you'll use to first build your animation from the different components scale, rotate, translate and skew.