Brilliant!! Makes a lot of sense now when I read Element.setStyle as well. Thanks for your help Fabio and Valerio. Now I can get working on improving this thing. Much appreciated.
// Pat Cullen On Mar 27, 6:17 pm, fabiomcosta <[email protected]> wrote: > Got it. > I was talking to Valerio and he said its possible, and its easy > enough. > Just add this line of code: > > Element.Styles.MozTransform = "rotate(@deg) scale(@)"; > > before you call your effects. > The working demo: > > http://mootools.net/shell/HtauU/4/ > > Adding this property you can pass an array with 2 elements and it will > be applied correctly to your transform style, like this: > > el.setStyle('MozTransform', [50, 2]); > > Thats why the effect works. > > On Mar 27, 9:12 am, patcullen <[email protected]> wrote: > > > > > I tried some of the ideas presented in the replies, but didnt find > > resolve. To try explain the problem a little clearer i created a new > > shell example..http://mootools.net/shell/HtauU/3/ > > > The first two buttons illustrate tweening the css3 transform property, > > but on only one 'dimension'. First button only tweens rotation, second > > only does scaling. > > Third button illustrates how Mootools conveniently allows me to: > > setStyle('-moz-transform', 'rotate(50deg) scale(2)') which applies > > both the rotation and the scaling to the element. > > Fourth button illustrates how I cannot get this to work with tweening. > > *** This is what Im trying to figure out. > > > The Element.setStyle in the shell example is copied from core to try > > work some arounds, but it has not helped, infact when enabled, my > > additions dont effect the element at all which confuses me even more. > > > Thanks for the help thus far. > > // pat cullen > > > On Mar 26, 2:10 pm, patcullen <[email protected]> wrote: > > > > Hi, I'm busy putting together some ideas for a webtop, one of the > > > peripheral features (one of the fun ones to code) is the ability to > > > alt-tab between windows/forms. > > > > So far this idea largely rests on the ability for a browser to > > > implement the CSS3 transform rule. Here's my mooshell > > > example:http://mootools.net/shell/S53HG/ > > > > I've only just started and have had many ideas for this plugin; but > > > don't want to continue if, or until I can figure out this problem... I > > > cant (even after abusing the core library a bit) get the css3 > > > transform effect to work while being morphed by mootools. The wierd > > > thing is that using setStyles directly does apply these CSS3 rules. > > > > Hopefully if you have a look at the mooshell it will make more sense. > > > If I can get this working, I hope to buff it up with events, plenty of > > > options, then stick it on forge. The only other idea I can apply it to > > > so far is for looking at photos in a gallery. > > > > // pat To unsubscribe from this group, send email to mootools-users+unsubscribegooglegroups.com or reply to this email with the words "REMOVE ME" as the subject.
