Tagged Questions

CSS transforms allows elements styled with CSS to be transformed in two-dimensional or three-dimensional space.

learn more… | top users | synonyms

0
votes
0answers
3 views

perform a rotate transition on a scaled object CSS 3

I have a series of objects all of which have different scaled value using the css 3 transform tag. My problem is that when I try to attach an animation on hover (in this case its a rotation) they ...
0
votes
1answer
14 views

CSS transitions on child element when hovering the parent

I'm trying to figure out how to "animate" the child of a hovered element. How is this so complicated to get it work across multiple browsers? what's the best practise? .parent { ...
0
votes
0answers
5 views

CSS3 animation outside of the element parent boundary is slow on Firefox

While creating a MineSweeper game in JavaScript I stumbled in a quirk of Firefox occurring when a CSS animation "overflows" the boundary of the parent of the animated element. When the player right ...
0
votes
0answers
16 views

Why does a hardware accelerated change in height cause a flicker on Safari?

I'm trying to track down a bug in Mobile Safari on iOS. The issue is related to CSS3 3d transforms and/or how webkit renders 3d stacked elements. Edit: At first I thought this was just an iOS bug on ...
0
votes
1answer
19 views

Webkit: CSS3 2D transform Scale + cubic bezier issue (when argument > 1)

I wanted to create a "bouncy" animation for an element using: div{ -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -webkit-transition:all 0.4s ...
1
vote
1answer
53 views

Vexillology - Greece Flag waving Effect without canvas

I am developing Greece Country Flag I am not supposed to use Canvas :( I am not supposed to use any images :( I have done good progress in developing into final shape, but i am unable to code ...
1
vote
0answers
22 views

SVGPAN - smooth transition zoom in effect

Is it possible to have smooth zoom in effect on svg element? I'm using svgpan script and understand that the zoom in is control by transform attribute. transform="matrix(0.6,0,0,0.6,0,0) Can ...
0
votes
2answers
22 views

CSS3 Transform - handling the after-hovering behavior

In this CSS3 code when I hover on the class it rotates by 360 degree, but when I go away from the class it back as it was . The question: how can i make the class rotating even when I go away ? The ...
0
votes
1answer
35 views

-webkit-backface-visibility doesn't work in node-webkit on Windows

I'm using node-webkit to build a self-contained web app demo, and for some reason, the -webkit-backface-visibility CSS3 property doesn't work – but only when I run the app on Windows, not on Mac. ...
0
votes
1answer
47 views

How can I make this CSS transition less shaky in Firefox?

Please test the following fiddle in Safari or Chrome as well as Firefox. You will notice that the animation is smooth in Safari, even after the mouse is no longer hovering over the div (when the div ...
1
vote
1answer
37 views

LESS css “transform” syntax | on-the-fly scaling with LESS css?

What is the proper syntax for the css "transform" property in preprocessor LESS? The following, for example, throws me an error: .transform(scale(1.1)) { -webkit-transform: @transform; ...
0
votes
0answers
20 views

Strange behavior with input when inside translated div on mobile webkit

I have noticed a very strange behavior with text inputs on mobile webkit (mobile safari/android stock browser/chrome) When an input is inside a div (or any container) that is transformed (has ...
0
votes
1answer
24 views

Css Animation not working in Google Chrome

I am trying to use this loader in my web site, scc animation works well in Firefox & IE but doesn't work in Google Chrome. #loader{ width: 820px; height: 670px; border: none; ...
0
votes
2answers
113 views

CSS Folding Paper Like Menu Issue

I'm trying to build a menu that would have a transition like paper folding, kinda like this one: Live Test : http://www.cssplay.co.uk/menus/cssplay-3d-unfolding-menu.html Here is my code: HTML ...
0
votes
1answer
26 views

Are css 3d transforms fully suported on android > 3.0?

According to caniuse.com Android fully supports css 3d transforms. But it seems that "preserve-3d" is not supported. (I can only test it via Browserstack.) Watch this 3d Cube experiment on android: ...

1 2 3 4 5 … 22
15 30 50 per page