今日学习内容： css3： fliter : blur(); （模糊化）数值越大越模糊 width : clac(100% - 10px); 计算盒子宽度 transition : width/all 1s/5s linear(匀速)、ease(逐渐慢下来)、easr-in(加速)、ease-out ...
分类：
其他好文 时间：
2020-06-28 00:19:19
阅读次数：
66
CSS编译器的出现 CSS经过多个版本的更迭，从CSS1 到 CSS3，历时多年。虽然新出了不少属性和规范，但 在语言本身的特性上，并没有本质的改变。尽管使用 @import 指令可以解决部分模块化的 问题，但还远远不够。但W3C官方似乎对这些问题视而不见，就是不解决，于是，随着前 端技术（特别是J ...
分类：
Web程序 时间：
2020-06-27 20:16:51
阅读次数：
124
为什么要使用CSS3？ 有效的传递页面信息使用CSS美化过的页面文本，使页面漂亮、美观，吸引用户可以很好的突出页面的主题内容，使用户第一眼可以看到页面主要内容具有良好的用户体验 <span>标签 <span>标签 的作用能让某几个文字或者某个词语凸显出来 字体样式 属性名含义举例 font-fami ...
分类：
Web程序 时间：
2020-06-26 16:21:54
阅读次数：
124
这里是单行布局 使用ul>li 来布局 <ul class="local-nav"> <li> <a href="#"> <span class="local-nav-icon-icon1"></span> 攻略景点 </a> </li> <li> <a href="#"> <span class= ...
分类：
移动开发 时间：
2020-06-24 19:37:53
阅读次数：
62
1、html <div class="cardBox" v-for="(item,idx) in arr" :key="idx"> <div class="cart-left"> <div class="cart-left-head"> <h3>{{item.name}}</h3> </div> < ...
分类：
其他好文 时间：
2020-06-24 17:57:41
阅读次数：
206
这种效果自己可以基于 HTML5 和 CSS3 来实现垂直时间轴，需要循环遍历数据，判时间轴的长度，在做一定的适配，可以响应页面布局，在 PC 和移动手机上做到很好的自适应，但是需要一些对前端知识有一定的了解。 其实，通过报表工具实现那种垂直的时间轴记录表是很容易的，设置也很简单，通过带有一个带有时 ...
分类：
其他好文 时间：
2020-06-24 17:49:55
阅读次数：
99
最近遇到一个需求，要在图片上显示带有半透明背景的文字，效果如下图所示： 看到这个需求之后，第一反应是使用CSS3中的opacity设置元素的透明度。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name=" ...
分类：
Web程序 时间：
2020-06-24 00:10:29
阅读次数：
97
布局是前端开发最基础作重要的技能，两列，三列布局是网站页面中应用最多的一种布局样式基本上是：左右结构左边是分类右边是内容，左中右结构，主要内容在中间，两边放次要内容。
在css刚刚兴起的时候页面的布局都是用的表格来实现的，随着css发展，各种浮动，定位布局开始流行，特别是css3的出现使得我们在实现... ...
分类：
其他好文 时间：
2020-06-24 00:07:16
阅读次数：
124
① 亮度调整：进度条拖动实现亮度改变。 ② 对比度调整：进度条拖动实现对比度改变。 ③ 马赛克笔刷：点击图标，在画布上鼠标-点击-拖动实现局部马赛克处理。 ④ 放大：点击放大图标，实现图片1.2倍放大。可多次点击。 ⑤ 缩小：点击缩小图标，实现图片0.83倍缩小。可多次点击。 ⑥ 旋转：点击旋转图标 ...
分类：
Web程序 时间：
2020-06-23 00:45:21
阅读次数：
468
利用css3里transform:scale 缩放属性控制 .box{ width: 100px; height: 1px; background: red; transform: scale(1,0.5); //scale(x轴缩放，y轴缩放) } 利用css画三角形 div{ height:0; ...
分类：
其他好文 时间：
2020-06-22 17:19:20
阅读次数：
90
