Search Results for "page"

...It uses the FLIP (First, Last, Invert, Play) technique: it captures initial position & size, moves the component in a floating state, then lands it into the new layout. This gives a smooth “fly from one page to another” animation effect for components that appear across routes (e.g., a card in list view flying into detail view). It’s especially suited for immersive UI/UX flows in single-page apps built with Vue. The library is experimental and requires Vue 3.

Effeckt.css is a showcase and toolkit of high-performance UI transitions and animations for the web. It catalogs common interaction patterns—button states, list reveals, modals, off-canvas menus, and page transitions—implemented with CSS transforms and opacity for smooth, GPU-friendly motion. The project focuses on practical details such as using compositing-friendly properties, keeping DOM structures lean, and providing hooks so JavaScript can toggle classes without micromanaging animation state. Each effect is isolated, documented, and demoed, allowing designers to copy just what they need rather than dragging in a monolithic framework. ...

...Ramjet can be applied to normal DOM elements and their children, which makes it more flexible than simple CSS transitions alone. Its main value is giving web developers an easy way to create cartoon-like transformation effects between separate elements on a page.

Free and open source cross-platform stop-motion animation and pencil testing software. Part of Purple Animation Tools by O. Bahri Gordebak See Wiki for details. Note that Sourceforge project page doesn't always show the latest download. Please click Files above and browse files before download. Latest version is 1.4.2 right now.

Purple Elephant is a free and open source cross-platform 2D traditional animation editor, tester, player and compositor. Part of Purple Animation Tools by O. Bahri Gordebak See Wiki for details. Note that Sourceforge project page doesn't always show the latest download. Please click Files above and browse files before download. Latest version is 1.4 right now.

Purple Owl is a free and open source cross-platform frame-by-frame cut-out animation software. Part of Purple Animation Tools by O. Bahri Gordebak (purplehuman). See Wiki for details. Note that Sourceforge project page doesn't always show the latest download. Please click Files above and browse files before download. Latest version is 1.2.1 right now.

...Our effect will be snow flakes drifting down the screen. Each snow flake will be a particle in our particle system. If you want to see the final effect, scroll to the bottom of the page. This tutorial works with version 4.0.0 of the Flint library. This example creates a 2D particle effect. For 3D particle effects the principles are the same but you use a 3D emitter and 3D behaviours. First create a new Flash file (Actionscript 3). Set the stage size to 500 pixels wide and 400 pixels high, set the frame rate to 30 fps and set the background color to black.