OrdaSoft forum
Joomla Gallery: set your image mask (0 viewing)
Joomla Gallery Support
Favoured: 0
|
Joomla Gallery: set your image mask
Joomla Gallery: set your image mask 3 Months ago
Karma: 102
Hello,
I have my photo galleries in OSGallery. I want to zoom out the image slightly on mouse hover and add a color overlay.
I can use the Dimas hover effect to zoom in.
A background color for the hover effect is also possible, but I need to specify an image mask for that. A mask that covers the entire image, leaving only the colored hover, isn't available. I'm forced to specify a mask like a star or an arrow, but I don't like that.
Is it possible to use the red background hover with a mask over the entire image? Can I make my own CSS adjustments for that?
Kind regards, Tromp Willem van Urk
In OrdaSoft Joomla Gallert you may set:
- Hover effect (as you wrote)
- and image mask with background color(as you wrote)
so "Dimas hover effect " as I understand - good for you
and as mask you may set any as example "Bevel" and select you color
Next please in file
{your website}/components/com_osgallery/assets/css/os-gallery.css
find CSS:
and set you polygon for this class as example:
You may see your polygon with help any "clip-path polygon generator"
And may be best if you overredy CSS not in Gallery CSS file, better when you did this in Template CSS file
Regards
OrdaSoft team
I have my photo galleries in OSGallery. I want to zoom out the image slightly on mouse hover and add a color overlay.
I can use the Dimas hover effect to zoom in.
A background color for the hover effect is also possible, but I need to specify an image mask for that. A mask that covers the entire image, leaving only the colored hover, isn't available. I'm forced to specify a mask like a star or an arrow, but I don't like that.
Is it possible to use the red background hover with a mask over the entire image? Can I make my own CSS adjustments for that?
Kind regards, Tromp Willem van Urk
In OrdaSoft Joomla Gallert you may set:
- Hover effect (as you wrote)
- and image mask with background color(as you wrote)
so "Dimas hover effect " as I understand - good for you
and as mask you may set any as example "Bevel" and select you color
Next please in file
{your website}/components/com_osgallery/assets/css/os-gallery.css
find CSS:
| Code: |
.Bevel { |
and set you polygon for this class as example:
| Code: |
|
You may see your polygon with help any "clip-path polygon generator"
And may be best if you overredy CSS not in Gallery CSS file, better when you did this in Template CSS file
Regards
OrdaSoft team
Logged
The administrator has disabled public write access.
 |
we support payment systems
