in – when element is in the viewport
out – when element is not in the viewport
middle – center aligned element (vertically)
center – center aligned element (horizontally)
top – element at the top of the page
bottom – elemennt at the bottom of the page
left – element at the left side of the page
right – element at the right side of the page
partially – with one only works with
out event, e.g.
partially out and it means when the element is partially out of the element (e.g. half of the height or width)
Floating js is a animated
Some ideas for hover animations with a fancy tilt effect. Inspired by the hover effect seen on the Kikk 2015 website.We want to animate an image (which could be a link or simply a normal grid item) with a tilt effect on its parts. Having several elements in the item (that we call “tilter”), we can achieve a variety of effects that look very interesting. There’s the image, the “shine” element, the semi-transparent overlay with a colorful gradient, a border element and the caption.
Monkberry is blazingly fast, small
1kb minified & gzipped
- Simple, small learning curve
- Fully tested
- Precompiled templates
- Source maps
- Custom tags
Feature.js is a fast, simple and lightweight browser feature detection library. It has no dependencies and weighs only 1kb minified and gzipped. Feature.js automatically initializes itself on page load, so you don’t have to. It doesn’t, however, run any tests while initializing, so it will only ever run them when you ask it to. This makes it perform very fast.
A 3D cubes Advent calendar with fun hover effects and background color animations. Clicking the boxes opens another content level with different element animations.