NatChen

Once you have chosen the road of life, you have to be brave enough to go to the end and never look back.

04 2018 档案

文字和背景渐变动效
摘要：1.文字渐变动效 h1{color: #f35626; background-image: -webkit-linear-gradient(92deg,#f35626,#feab3a); -webkit-background-clip: text; -webkit-text-fill-color: 阅读全文
posted @ 2018-04-17 15:58 NatChen 阅读(457) 评论(0) 推荐(0)
Page Visibility(网页可见性) API与登录同步引导页实例页面
摘要：页面1 HTML代码： <p id="loginInfo"></p> JS代码： (function() { if (typeof pageVisibility.hidden !== "undefined") { var eleLoginInfo = document.querySelector(" 阅读全文
posted @ 2018-04-13 15:34 NatChen 阅读(291) 评论(0) 推荐(0)
vw, vh视区覆盖和自适应图片
摘要：CSS .wrap{width:100vw;height:100vh;background: rgba(0,0,0,0.3);position: fixed;top:0;left:0;text-align: center;} .wrap img{vertical-align: middle;max- 阅读全文
posted @ 2018-04-12 10:56 NatChen 阅读(235) 评论(0) 推荐(0)
伪类+js实现CSS3 media queries跨界准确判断
摘要：@media screen and (min-width: 45em) { body:after{ content:"宽屏" } } var content = window.getComputedStyle(document.body, ":after").getPropertyValue("co 阅读全文
posted @ 2018-04-04 15:11 NatChen 阅读(218) 评论(0) 推荐(0)