Gallery with effect stack of images
When he began to spread on the main browser support for CSS3 transformations, many tutorials applied this new feature to the galleries, creating the effect that here we define 'stack of images': the base image in the foreground and behind it the levels that give the illusion of a group of overlapping photos.
Obtain the effect is relatively simple, all based on a judicious use of the content generated and, secondly, of the transformations. Let's see how to proceed.
The basic technique
Without dwelling on the layout, go immediately to see the CSS necessary to achieve the effect stack. First, we set a number of properties for the class with them. Photos that the container element of the images:
The first level we move it down to 4px; the second of 8px. With the value of -10 for the z-index position the first layer behind the main image (the container had z-index: 10), using the value -20 for the second, we place him behind both. Now all three are stacked and visible:
- you set the styles for the container of the image;
- you set the styles for the image;
- you create additional levels as content generated by defining their common visual properties;
- are positioned separately the two levels.
Create image stacks with CSS3 transformations
Example developed so far can engage the use of CSS3 transformations. We will use it to rotate slightly additional levels. The second demo is identical to the first, with the exception of the last two rules, those with which we position and this time we rotate levels:
And then set the background in CSS like this:
The sales letter is one of the final and decisive steps of a good marketing campaign, you may have done a great job previous to carry you until the decisive moment, the purchase, but if you're wrong on this step then all the work will be in vain.
The sales letter is the key factor when it represents the instrument in the hands of marketers to convince the user to take the final step, the purchase. In this regard, it seems appropriate to remember the one who can be considered logically the father of Direct Marketing, which Bob Stone.
Your social media activity is improvised? You do not know what to take?
Come back from evleaks new images on the Nexus 4 of LG which will be presented on 29 October by Google.
This time, as you can see, the back is completely missing the logo "with Google" that had doubt many users and has made his first appearance the logo "Nexus" as some had originally said.
Why Do So Many Internet Startups Fail Today?
How you can avoid being part of this dreadful statistic.