街头篮球官网仿站
1动画:
transform: translate3d(0, -100%, 0);
.transition: 2s //过渡时间
2.div的鼠标移入变小手可以直接加给div,不用通过:hover。
.div1:hover .div2 --鼠标放到div1时操作div2
3.通过js改变div的高度,使得隐藏内容显示
(首先找到要更改的div,用自己需要的事件,例如鼠标移入,当鼠标移入是触发事件,改变div style中的height,来得到所需效果)
4.ul列表内容在上下位置均分
5.通过js增加样式,以及取消样式
6.class优先级问题,把重要的放在后边,以免样式被划掉。
7.阴影:box-shadow:1px 2px 3px 4px #ccc inset;
8.透明度:
opacity 设置div的透明度 transparent 是设置color的透明度
结语:通过一阶段的项目,对自己所学知识的考验,发现了自己的长处与不足,
主要问题是自己对于js的掌握太薄弱,导致网页细节处理不当,后边会加强对js的学习,
也不回会忘记对其他知识的巩固。