Street basketball official website imitation station
Animation 1:
Transform: translate3d (0, -100%, 0);
.transition: 2s // transition time
2.div mouse into smaller hands can be added directly to the div, not through: hover.
.div1: .div2 hover - when the mouse into operation div2 div1
3. Change the height of the div by js, so that the hidden content display
(First find the div you want to change, with the event they need, such as a mouse move, when the mouse is moved into the triggering event, changing div style in height, to get the desired effect)
4.ul list of content sharing in upper and lower positions
5. By js increase styles, and canceled style
6.class priority issues, the importance placed on the back, so as not to be crossed out style.
7. shading: box-shadow: 1px 2px 3px 4px #ccc inset;
8. Transparency:
Opacity transparent transparency div disposed in a color transparency of
Conclusion: through a stage of the project, what they have learned on their own test and found his own strengths and weaknesses,
The main problem is his own master js too weak to prevent the page from the details handled properly, will step behind the learning js,
Do not forget to consolidate back to other knowledge.