.png)
Joomla! 3.9 Joomla! 4
Breadcrumbs CSS for Joomla!™ is a module which replaces the default breadcrumbs module from the Joomla! installation. It supports all default breadcrumbs options but with several extras.
With the Breadcrumbs CSS module you can use animated styles for the breadcrumbs when a user hovers the mouse over them. The animations are written in full CSS3 styling and compatible with the latest browsers. Creating slick breadcrumbs was never this easy! And ofcourse you can still use the default Joomla!™ breadcrumbs style with the extra added options of this module.
Advanced options
Set an alternative URL for the Home breadcrumb.
You can set if the last breadcrumb shown should be cut off (trimmed).
Set the cut off position for the breadcrumb (after x characters).
Add any character(s) at the cut off end.
Move the BC-CSS layer x positions to the right (left padding) - this could be necessary for some Joomla!™ Templates.
Select one of the many CSS3 animation styles.
Set the speed, timing (linear, ease, ease-in & ease-out), color and opacity of your CSS3 animation.
Try the demo
Give the BreadCrums CSS module a try and test it using our demo website at demo.uwix.nl. Check to see how the plugin module in the front-end. All the information you need to logon can also be found at the demo site.
Because a picture is better than words here's an overview of the possible effects in the BreadCrumbs CSS Module:
| Letter-spacingLetter-spacing | Text ShadowText Shadow | Text GrowText Grow |
| Text RotateText Rotate | Text BlinkText Blink | Text RollText Roll |
| Text CloneText Clone | Text BlurText Blur | Bounce Up/DownBounce Up/Down |
| Bounce Left/RightBounce Left/Right | ShockedShocked | Border FadeoutBorder Fadeout |
| Border Bottom LeftBorder Bottom Left | Shadow DownunderShadow Downunder | |
| Be aware these animations use full CSS3 styling and are made compatible as much as possible for all browsers. Some effects may behave 'weird' on certain browsers like Internet Explorer/Edge. This has nothing to do with the sample animations above - so we cannot fix that. The only advice we'll give you is to use a CSS3 compatible browser (e.g. FireFox or Chrome). | ||
BreadCrumbs CSS
€ 9,99
Get your subscription now
• 3 months full support & updates •
• Use on multiple sites •