网页特效
关注
分享
扫一扫
文章平均质量分 76
苇草--May
既然选择了远方，便只顾风雨兼程。
展开
-
回到顶部效果
主要用到的知识： 获取滚动条距离顶部的高度： document.documentgetElement.scrollTop(IE) document.body.scrollTop(chrome) 获取页面可视区的高度： document.documentElement.clientHeight document.body.clientHeight <a href="#">点击a锚原创 2017-05-10 17:12:22 · 329 阅读 · 0 评论 -
CSS3鼠标悬停图片显示遮罩特效
transform:translateY(50px); transform:translateY(0px); 这两行代码实现了元素从下向上移动 opacity:0; opacity:0.5; 遮罩是通过透明度实现的<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Com原创 2017-07-28 16:15:47 · 4404 阅读 · 0 评论