前端
关注
分享
扫一扫
文章平均质量分 88
只想安静的敲代码
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
用CSS3制作照片墙
1.相关知识点：Chrome 和 Safari 需要前缀 -webkit-；Internet Explorer 9 需要前缀 -ms-：Firefox需要前缀-moz-box-shadow: 功能：给元素的边框添加阴影效果 语法：box-shadow:x轴偏移量 y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色 投影方式transform: 功能：使元素...原创 2018-05-01 16:40:49 · 1194 阅读 · 0 评论 -
分页页码的简单制作
1.制作效果图：html代码：<div class="page"> <span class="pre-page"><</span> <span class="current-page">1</span> <a href="#">2<原创 2018-04-23 22:07:56 · 793 阅读 · 0 评论 -
CSS3案例：CSS3绘制怪物吃鼠标特效
1.效果图：动图：2.html代码： <body> <div class="sleep" id="wrapper"> <div id="monster"> <div class="eye"> <div class="lid"></原创 2018-05-10 21:49:43 · 217 阅读 · 0 评论 -
回到页面顶部效果制作
1.主要知识点：DOM操作：1.document.getElementById // 根据id获取标签元素 2.document.documentElement.scrolTop //滚动条的数值，可以读写事件运用：1.window.onload //页面加载完毕后触发 2.onc...原创 2018-04-27 21:02:55 · 435 阅读 · 0 评论 -
理解伪元素 :before 和 :after
理解伪元素 :before 和 :after原文出处： Thoriq Firdaus 译文出处：听海阁（@听海JamiE） 层叠样式表（CSS）的主要目的是给HTML元素添加样式，然而，在一些案例中给文档添加额外的元素是多余的或是不可能的。事实上CSS中有一个特性允许我们添加额外元素而不扰乱文档本身，这就是“伪元素”。你一定听说过这个词，尤其是当你一直关注着我们的教程。点此浏览原作者的其他...转载 2018-05-06 20:38:52 · 203 阅读 · 0 评论 -
CSS3实现猫和狗的聊天
1.效果展示：2.相关知识点： animation 属性是一个简写属性，用于设置六个动画属性： animation-name：规定需要绑定到选择器的 keyframe 名称 animation-duration：规定完成动画所花费的时间，以秒或毫秒计 animation-timing-function：规定动画的速度曲线 animation-delay：规定在动画开始之前的...原创 2018-05-08 19:17:04 · 374 阅读 · 0 评论