× Support for Joomla 2.5 templates is discontinued. This forum category is read-only.

Problem Animated hover CSS3 effects for images

More
6 years 7 months ago - 6 years 7 months ago #4061 by ramong
ramong created the topic: Problem Animated hover CSS3 effects for images
Hello,

I'm a newby and working whit Joomal 2.5.9
I have installed your cute free JM-Business-Marketing template in the QUICKSTART option. It works fine, but i have a problem whit the second Animated hover CSS3 effects for images. In Firefox it works great an IE 9 also but IE 10 the second Hover (Disputation) turns arround but i don't see text on it. The others works fine.

My second question how can i make the same template into another color Black and Grey of change the colors.
I search on the forum but the item change colors not to see i got an error no opening page.

I hope you could help me whit tips.

Ramon
Last Edit: 6 years 7 months ago by ramong.

Please Log in or Create an account to join the conversation.

More
6 years 7 months ago #4073 by marcin
marcin replied the topic: Problem Animated hover CSS3 effects for images
Hello,

Thank you for contacting us.
It seems that IE10 handles the css3 transforms differently than other popular browsers.

In this case I suggest to add these styles to the editor.css or animated-buttons.css (depending on which template version you are running), it is a workaround for that issue:
/** ie10 fix **/
	
@media screen and (min-width:0\0) {
	.ch-item.ch-second:hover .ch-info {
		-ms-transform: none;
		transform: none;
	}
	.ch-item.ch-second .ch-info .ch-info-back {
		display: none;
		-ms-transform: none;
		transform: none;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		opacity: 0;
		filter: alpha(opacity="0");
	}
	.ch-item.ch-second:hover .ch-info .ch-info-back {
		display: block;
		opacity: 100;
		filter: alpha(opacity="100");
	}
}

Regards,
Marcin

Please Log in or Create an account to join the conversation.

More
6 years 1 month ago #4860 by Aen
Aen replied the topic: Problem Animated hover CSS3 effects for images
The second Animated module does not work in Google Chrome version 29.0.1547.76 m
On your demo site does not work
My Site zagolovkovdom.pp.ua/

Please Log in or Create an account to join the conversation.

More
6 years 1 month ago #4862 by marcin
marcin replied the topic: Problem Animated hover CSS3 effects for images
Hello,

I have tested your website and our demo site on Chrome 29.0.1547.76m (on two machines), both seems to display animated modules without any issue.

Try to clean your browser cache and check if this helped.

Regards,
Marcin

Please Log in or Create an account to join the conversation.

More
6 years 1 month ago - 6 years 1 month ago #4863 by Aen
Aen replied the topic: Problem Animated hover CSS3 effects for images
cleared the browser cache
unchanged
It is without moving the cursor
no pictures
mirror text
Attachments:
Last Edit: 6 years 1 month ago by Aen.

Please Log in or Create an account to join the conversation.

More
6 years 1 month ago #4864 by marcin
marcin replied the topic: Problem Animated hover CSS3 effects for images
Hello,

Strange. For me it displays fine. I am almost sure this issue is related to your computer settings, since on each computer I am testing this, it displays fine.

What system are you running on your computer? Did this issue appear after the latest Chrome update?

Regards,
Marcin

Please Log in or Create an account to join the conversation.

Time to create page: 0.203 seconds

INDICO S.C.

ul. Wałowa 10/3, 84-200 Wejherowo, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2009-2019 Joomla-Monster.com All rights reserved.

Joomla-Monster.com and this site is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.