Effect images increase when the page loads

Question

Effect images increase when the page loads

Navigation

#1 by (1 votes)

0

In this script the images increase but only as we scroll link

The idea is that the page loads the images without having to do scrolling

Images on my site are all in this code

<img class='alignleft' src='URL DA IMAGEM' />

javascript html css

asked by anonymous 31.05.2014 / 08:15

1 answer

Is it possible to assign ObjectId () to subcollections in MongoDB? How to wake the screen just by tapping the android screen

score 1 · Answer 1

It's extremely simple to do this, I took a look at the effect of the link images and did something similar, but without the scrolling:

<img class='alignleft' src='http://tympanus.net/Development/GridLoadingEffects/images/2.jpg'/>
<br />
<img class='alignleft' src='http://tympanus.net/Development/GridLoadingEffects/images/13.png'/>

img.alignleft{
    animation: sizeEffect .6s;
}

@keyframes sizeEffect{
    0%{
        opacity: .1;
        transform: scale(.4);
    }
    50%{
        opacity: .8;
        transform: scale(1.04);
    }
    100%{
        transform: scale(1);
    }
}

See the complete example , with vendor prefixes for the various browsers.)