Search Results for "fade"

Simple script for embedding YouTube, Vimeo, and HTML5 videos as cover backgrounds.

PhotoSwipe is the first open-source gallery to support JavaScript-based image zooming. Even if a browser’s native zooming has been disabled, image zooming will still work. The gallery’s background will gradually fade out as the user zooms out. When the gesture is complete, the gallery will close. Gesture is added because close button in top right corner might be hard to reach on tall mobile devices while holding in one hand. Images can be changed even when current slide is zoomed. Swiping is not blocked during the transition. PhotoSwipe manipulates the browser’s history so that the user can link to each gallery item and close the gallery via the “back” button. ...

...In addition to keyframing, motionity supports layer masking, filters (color adjustments, blur, chroma-keying), trimming and cutting of video clips, and audio track integration, enabling creation of short animations, intros, social media videos, or animated slideshows directly in a browser without specialized software. It also supports animated text effects (fade, scale, type-writer), and can incorporate vector-based animations or Lottie animations.

videoshow is a Node.js utility designed to create video slideshows from a sequence of images using FFmpeg as its processing engine. It allows developers to programmatically generate videos by combining images with optional audio tracks, subtitles, and visual transitions. The tool supports customization of parameters such as frame rate, resolution, bitrate, and codecs, enabling flexible output configurations. It includes both a programmatic API and a command-line interface, making it...

...It is the best of jQuery and CSS transitions combined. Velocity works everywhere — back to IE8 and Android 2.3. Under the hood, it mimics jQuery's queue, and thus interoperates seamlessly with jQuery's animate, fade, and delay. Since Velocity's syntax is identical to animate, your code doesn't need to change. JavaScript and jQuery are falsely conflated. JavaScript animation, which Velocity uses, is fast; it's jQuery that's slow. Although Velocity works alongside jQuery, it uses its own animation stack that delivers its performance through two underlying principles: 1) synchronize the DOM → tween stack to minimize layout thrashing, and 2) cache values to minimize DOM querying.