pixelcoda / content-gsap-animation
TYPO3 CMS extension to have some fun and animate your content elements
Installs: 9
Dependents: 0
Suggesters: 0
Security: 0
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Type:typo3-cms-extension
Requires
- php: >=8.2.0
- typo3/cms-core: ^12.4 || ^13.4
Requires (Dev)
- b13/container: ^3.1.0
- bk2k/bootstrap-package: ^15.0.0
- friendsofphp/php-cs-fixer: ^3.64
- friendsoftypo3/phpstan-typo3: ^0.9.0
- overtrue/phplint: ^9.0
- phpstan/phpstan: ^1.10
- phpstan/phpstan-deprecation-rules: ^1.1
- phpstan/phpstan-phpunit: ^1.3
- phpstan/phpstan-strict-rules: ^1.5
- typo3/cms-backend: ^13.4
- typo3/cms-belog: ^13.4
- typo3/cms-extbase: ^13.4
- typo3/cms-extensionmanager: ^13.4
- typo3/cms-felogin: ^13.4
- typo3/cms-filelist: ^13.4
- typo3/cms-fluid: ^13.4
- typo3/cms-form: ^13.4
- typo3/cms-frontend: ^13.4
- typo3/cms-indexed-search: ^13.4
- typo3/cms-info: ^13.4
- typo3/cms-install: ^13.4
- typo3/cms-introduction: ^4.7
- typo3/cms-lowlevel: ^13.4
- typo3/cms-rte-ckeditor: ^13.4
- typo3/cms-seo: ^13.4
- typo3/cms-tstemplate: ^13.4
- typo3/cms-workspaces: ^13.4
- typo3/testing-framework: ^7.0.2
README
content_gsap_animation
is an extension for the TYPO3 content management system.
What does it do
It allows you to set frontend animations to your content if its scrolled into the browsers viewport with bidirectional animation support (animations play in reverse when scrolling back up).
Dependencies
The extension is developed and tested with TYPO3 12.4 until 13.4 LTS. It has an out of the box bootstrap_package v13, v14 and v15
and fluid_styled_content
support.
Configuration
Include the static TypoScript for Content GSAP Animation: bootstrap_package v13, v14 or v15
or Content GSAP Animation: fluid_styled_content
to your template and you can start animating.
Extending
content_gsap_animation
comes with an extended Default
fluid layout which adds the necessary markup to get the animations working. If you want to extend the layout just copy it to your extension, remove or update the content elements layoutRootPaths
and you're good to go.
More Informations
See the official documentation for more details how to implement content_gsap_animation