随笔分类 -  HTML5+CSS3 开发技巧

摘要:Document animation 阅读全文
posted @ 2019-08-26 15:33 WhiteSpace 阅读(282) 评论(0) 推荐(0) 编辑
摘要:其默认值是none,他不具备继承性,其中filter-function一个具有以下值可选: 模糊实例 图片使用高斯模糊效果: img { -webkit-filter: blur(5px); /* Chrome, Safari, Opera */ filter: blur(5px);} 使图片变亮: 阅读全文
posted @ 2019-05-05 09:44 WhiteSpace 阅读(269) 评论(0) 推荐(0) 编辑
摘要:http://www.bootcss.com/ 前端框架bootstrap http://www.fontawesome.com.cn/faicons/ 字体图标库 https://daneden.github.io/animate.css/ 动画库 https://github.com/jquer 阅读全文
posted @ 2018-10-27 10:16 WhiteSpace 阅读(254) 评论(0) 推荐(0) 编辑
摘要://首页自动更换背景特效开始============================================1.引用文件 $(function(){ $.backstretch(["Image/1.jpg"]); //背景 $(".index").backstretch(["Image/1.jpg","Image/2.jpg","Image/3.jpg"],{durati... 阅读全文
posted @ 2018-10-26 16:15 WhiteSpace 阅读(1492) 评论(0) 推荐(0) 编辑
摘要:效果不是很好 切换图片的时候有点卡顿 阅读全文
posted @ 2018-10-26 15:14 WhiteSpace 阅读(1501) 评论(0) 推荐(0) 编辑
摘要:jQuery背景插件backstretch使用指南 Backstretch是一款简单的jQuery插件,可以帮助你给网页添加一个动态的背景图片,可以自动调整大小适应屏幕的尺寸,当然这样做的缺点是当图片尺寸比屏幕小的时候,图片会因为自动延伸而变形,所以我们可以劲量使用高分辨率大尺寸的图片做背景,更重要 阅读全文
posted @ 2018-10-26 13:45 WhiteSpace 阅读(218) 评论(0) 推荐(0) 编辑
摘要:结合after或before伪类,在元素的开头或结尾附加上一定的内容,content:""的引号中即是添加的内容,比如说我们这么写: 学而时习之不亦说乎 div:before{content:"子曰:"} 那么在显示时就会显示 子曰:学而时习之不亦说乎 这其中“子曰:”并不会出现在DOM文档中 阅读全文
posted @ 2018-10-26 10:18 WhiteSpace 阅读(482) 评论(0) 推荐(0) 编辑
摘要:JS脚本 CSS样式 这样滚动的话太生硬,需要设置下过度 阅读全文
posted @ 2018-10-26 10:14 WhiteSpace 阅读(563) 评论(0) 推荐(0) 编辑
摘要:在许多情况下,您将使用CSS库。这些可能会意外覆盖您自己的CSS。所以当你绝对需要确定一个元素具有特定的CSS时,可以使用 !important。 让我们回到之前的 pink-text class 声明。请记住,我们的 pink-text class 被后续的 class 声明、id 声明和内联样式 阅读全文
posted @ 2018-10-10 11:14 WhiteSpace 阅读(1490) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示