Page 1 of 1

image class not working

Posted: Tue Dec 17, 2013 4:19 pm
by marieall

Hi,

I am trying to create a class on similar images to add a hover/active in css.
If I do it image by image, calling it by myscreenname_mobileimage_n, my css is working.
But when I add a class to the image and then call through this class in my css, it's not working.

Here is the css:
.imageBack{
margin-left: 10px;
-webkit-transition: margin 1s ease;
-moz-transition: margin 1s ease;
-o-transition: margin 1s ease;
-ms-transition: margin 1s ease;
transition: margin 1s ease;
}

.Imageback:active {
margin-left: -2px;
}

And the image data :
Image

Thank you :)


image class not working

Posted: Tue Dec 17, 2013 4:21 pm
by marieall

ps: on my css file, I didn't do the following typing error which you can see: I typed ".imageBack:active" (not Imageback:active as above)


image class not working

Posted: Tue Dec 17, 2013 5:08 pm
by marieall

Forget it, I found my mistake!
I was testing this on a screen for which I amended some HTML in the code source... I reintialized the html page of this screen, and now it's working !


image class not working

Posted: Tue Dec 17, 2013 5:40 pm
by Kateryna Grynko

Hi Marie,

Glad you have it working.