This is the Linux app named slide-element whose latest release can be downloaded as DependencyUpdates.zip. It can be run online in the free hosting provider OnWorks for workstations.
Download and run online this app named slide-element with OnWorks for free.
Follow these instructions in order to run this app:
- 1. Downloaded this application in your PC.
- 2. Enter in our file manager https://www.onworks.net/myfiles.php?username=XXXXX with the username that you want.
- 3. Upload this application in such filemanager.
- 4. Start the OnWorks Linux online or Windows online emulator or MACOS online emulator from this website.
- 5. From the OnWorks Linux OS you have just started, goto our file manager https://www.onworks.net/myfiles.php?username=XXXXX with the username that you want.
- 6. Download the application, install it and run it.
SCREENSHOTS:
slide-element
DESCRIPTION:
Using JavaScript to animate an element open and closed hasn't traditionally been a straightforward task, especially if it contains dynamically sized content. You could go with something like jQuery's slideToggle(), but that path would require you to take on a lot more code than necessary. Another option is using CSS to change the max-height value of an element, but this approach is filled with arbitrariness and difficult to pull off well when you're not sure how much content you'll be animating over. This library gets the job done using the Web Animations API, and it doesn't require elements to have fixed heights. Instead, element heights are calculated based on their contents, and then the appropriate values are applied to trigger a smooth, native transition. The animations themselves are powered by the same mechanics used within CSS transitions, making it one of the best ways to pull it off in terms of performance.
Features
- Make sure your target element is set to display: none
- Run npm install slide-element, or use a CDN like unpkg
- It's small, smooth, and focuses on doing one job well: sliding stuff open and closed
- Slide Elements Down
- Slide Elements Up
- Interrupt In-Progress Animations
Programming Language
TypeScript
Categories
This is an application that can also be fetched from https://sourceforge.net/projects/slide-element.mirror/. It has been hosted in OnWorks in order to be run online in an easiest way from one of our free Operative Systems.