tbela99 / fx.css Goto Github PK
View Code? Open in Web Editor NEWcss3 transform rule and css animations with mootools, no change required in your script!
License: MIT License
css3 transform rule and css animations with mootools, no change required in your script!
License: MIT License
Hello, nice tools.
I do not get in to run with opacity.
The 0.5 value is not set.
If you set the value on 0 or 1 I expect a morph like fadeIn / fadeOut but it seems to make only a setStyle
var events = [
{'opacity': 0.5 }
];
(taken from your example)
tested in windows firefox 3.6.17 and chrom
It throws me an error at the end of a transition made with Fx.Morph at line 155 because of "return this.parent()"
Uncaught TypeError: Object # has no method 'parent'
context.FxCSS.stopFx.CSS.js:155
i.extend.$ownermootools-core.js:140
e
Could it be because the "this" context is the HTML element and the function you're trying to use (this.parent()) is about extending classes and such?
Hello, nice tools.
I do not get in to run with opacity.
The 0.5 value is not set.
If you set the value on 0 or 1 I expect a morph like fadeIn / fadeOut but it seems to make only a setStyle
var events = [
{'opacity': 0.5 }
];
(taken from your example)
tested in windows firefox 3.6.17 and chrom and Fx.CSS.Morph.js
We experienced an issue when adding a transformation that is already present. For example, the element has opacity 1 but we try to transform to opacity 1. The respective CSS rule is set and the chain is waiting for the transformation to complete. However because there is no transformation performed, the browser does not fire an event.
I could not figure out why, but if I included your Fx.Tween class/replacement, chaining did not work. As I only needed Fx.Morph, I removed that part and chaining works with Fx.Morph.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.