bitshadow / iconate Goto Github PK

please add in the bower file to main "dist/iconate.min.css"
many thanks very cool lib

looks like your license is getting included twice in iconate/dist/iconate.min.js

Hey, i would like to know, how to simply switch between from and to value like in your demo.
Thank you !

Hi @bitshadow and thank you for your great job!

I saw that in order to get my icons to rotate I had to start the rotation from 0% and not only on 100%. In your demo I see it working without this but as you can see it doesn't on my JSFiddle example

My project consists of:
jQuery v2.1.3
Materialize v0.97 (http://materializecss.com)
Iconate v0.2.4

My fix:

@keyframes rotateClockwise {
    0% {
        opacity: 1;
        transform: rotateZ(0deg);
        transform-origin: center;
    }
    50% {
        opacity: 0;
        transform: rotateZ(180deg);
        transform-origin: center;
    }
    100% {
        transform: rotateZ(360deg);
        transform-origin: center;
        opacity: 1;
    }
}

@keyframes rotateAntiClockwise {
    0% {
        opacity: 1;
        transform: rotateZ(0deg);
        transform-origin: center;
    }
    50% {
        opacity: 0;
        transform: rotateZ(-180deg);
        transform-origin: center;
    }
    100% {
        transform: rotateZ(-360deg);
        transform-origin: center;
        opacity: 1;
    }
}

When i select map marker and i select dropdown and select fade left i can see asterix fading left.
The concept of map marker is gone.

How to reproduce:

Select MapMarker
Select Asterix
Select FadeLeft

For certain browser setups, viewing the site in HTTPS means requests to non-HTTPS content will be blocked.

When instead of using 'document.getElementById('test')', you want to use jquery selector. It does not work and throw the following order :
a.addEventListener is not a function.

Should not be open to this kind of use ?

first of all this is great plugin as far as i guess.Why i use guess you know it's not working for me.I have used ionicons for my project.After calling iconate css and js minified version.I have add

    var iconElement = document.getElementById('change');
var options = {
    from: 'ion-arrow-left-c',
    to: 'ion-arrow-move',
    animation: 'rubberBand'
};

iconate(iconElement, options);

Until not working.Any idea.
Thanks brother.

Love this peace of code! But I was wondering why you're not simply use animate css as a dependency.