TYPO3 Rollover effects

Compatibility: TYPO3 CMS v. 7.6-9.5.x
Requires: bootstrap package since v. 7.1.0-9.x to v. 10.0.x (library bootstrap 3.X should be loaded!)


  • it works only with bootstrap 3 and not yet developed for bootstrap 4.x 
  • this site uses bootstrap package v.9.1.x and TYPO3 CMS v.8.7.20
  • not tested extensively under bootstrap package v. 9.x  / v.10.0.x
  • it is not available for other bootstraps such as t3bootstrap (http://t3boostrap.de), so I cannot adapt it or rewrite the code for a different template system.

What it does?

Rollover effects is a set of collections (4) under developement.

The effects are made with CSS3, transition, animation, LESS files and are fully integrated for TYPO3 CMS.

The  usage is quite simple, see the documentation.

All rollovercollection extensions are compatible and you can switch beetwen several (different)  effects on the same page.

The puropose is to get available a set of fresh effects.... so finally we can say FCK-WP.

OHE - Original Hover Effects - rollovercollection3

OHE is made of  ten effects with CSS3 and transitions. Based on the work of Alessio Atzeni.  
Highly configurable via constants.
demo | developement

current release: v. 1.2.1, jan 16, 2019


IDEAS - rollovercollection1 / not released - 30 effects spitted into 3 different +ext with a plugin containing common styles. Under development.
demo | Tympanus /Codrops site 

CIRCLE - rollovercollection2 
demo | Tympanus / Codrops | download

OHE - rollovercollection3
demo | Tympanus / Codrops

BLOCKS - rollovercollection4
This +ext is similar to the other 3 extension. There is about 7 BOX effects that are a good starting point to customize the output of your site, like cards, menus based on images or icons.