Search Results for "slide"

...With a few lines of source code, interactive UIViewController transitions and custom resizable UIViewController presentations can be created, without the use of the cumbersome UIKit Transitioning API. Interactive transitions can be activated for the slide and the cover transitions. If the transitions are to be interactive, only an InteractionConfiguration object has to be passed to the presentation. Here 3 parameters play an important role. First, the completion threshold, determines the percentage of the animation that is automatically completed as soon as the user finishes the interaction. ...

Animate.css is a cross-browser library of cool and fun CSS animations. When you need to add some oomph and awesomeness to your projects, simply slide in one of these just-add-water animations and watch your visuals significantly improve! Using Animate.css animations is incredibly simple and easy. It takes just a couple of steps to get an awesome CSS animated element. Choose from a wide array of animations, and control their speeds. Use these animations to make a statement, for emphasis, to grab attention, or simply to liven up the look of your project.

Design and prototype customized UI, interaction, navigation, transition and animation for App Store ready Apps in Interface Builder with IBAnimatable. The app was made in Interface Builder with IBAnimatable without a single line of code. Due to the size of the GIF file on Dribbble, it only demonstrates a subset of features. We can also find the full HD version on YouTube or MP4 on Github. With IBAnimatable, we can design a UI in Interface Builder like what we can do in Sketch, and prototype...

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...

Morphing Android menu, back, dismiss and check buttons. Have full control of the animation. Use it as a standalone drawable in your Toolbar. A plain old View that draws the icon and provides an API to manipulate its state. You can embed it in any layout including a Toolbar. Customization is also available through xml attributes. he icon state is resolved by current offset value. Make sure you use offset between 0 and 1 for forward animation and 1 and 2 for backwards to correctly save icon...