CSS3 transition动画 1、transition-property 设置过渡的属性，比如：width height background-color2、transition-duration 设置过渡的时间，比如：1s 500ms3、transition-timing-function ...
分类：
Web程序 时间：
2020-04-06 13:26:02
阅读次数：
79
仅仅使用div作为身体的布局，用css3的各种transform和圆角属性来绘制各个细节的形状，当然也不会使用任何图片哦。那就没意思了。 有的同学说，用canvas不是能画得更逼真而且更简单吗？这点我也非常赞同，但我的理由还是，那就没意思了。 这次用到了一些LESS的特性，通过设置一些指定的参数来生 ...
分类：
Web程序 时间：
2020-04-05 18:43:30
阅读次数：
85
原本自己也想画大白，正巧看到一位同学（github：https://github.com/shiyiwang）也用相同的方法画了。 且细节相当到位。所以我就fork了一下，在此我也分享一下。同时，我也希望有更多的同学发挥自己的想象力，来找个东西画画。 如果看过我前几次的分享，肯定能马上想到大白的各个 ...
分类：
Web程序 时间：
2020-04-05 15:18:35
阅读次数：
93
###CSS选择器 CSS3选择器规范地址： https://www.w3.org/TR/2011/REC-css3-selectors-20110929/ CSS3选择最新选择器规范: https://www.w3.org/TR/selectors ! 问题 ! 1.css的全称是什么？ 2.样式 ...
分类：
Web程序 时间：
2020-04-05 11:40:44
阅读次数：
83
flex布局是什什么？ Flex意思是弹性布局，是css3中的新布局模块，?用来为盒模型提供最?大的灵活性。可改进容器?中的项?目对?齐，?方向和顺序，即使他们具有动态甚?是未知?小。Flex容器?能够调节?子节点的宽度或高度，以便便适应不同的屏幕尺寸。 基本概念 flex布局可以将?个元素看成?个 ...
分类：
其他好文 时间：
2020-04-05 11:15:45
阅读次数：
58
(1圆角边框 border-radius border-top-left-radius(左上角的形状) border-top-right-radius(右上角的形状) border-bottom-left-radius(左下角的形状) border-bottom-right-radius(右下角的形 ...
分类：
Web程序 时间：
2020-04-04 23:04:38
阅读次数：
134
前言 今天是个沉痛的日子，全国哀悼英雄，各大平台平日鲜丽的界面置纷纷换成了灰色，以表对逝者的安息与尊敬！！对付疫病，我没多大的本事，只能记录一点点知识来提升自己擅长的技术，待到将来能为国家尽一份绵薄之力 css3 greyscale （灰度） greyscale是css 3 filter里的一种属性 ...
分类：
Web程序 时间：
2020-04-04 22:24:11
阅读次数：
95
今日在写一个阴影效果的时候遇到了一个小问题,不多说,上代码 div { width: 100px; height: 100px; background: #e3e3e3; border: 1px solid #333; box-shadow: 0 0 50px rgba(0, 0, 0, 0.5); ...
分类：
Web程序 时间：
2020-04-04 18:39:19
阅读次数：
83
壹 ? 引 今天是四月四日清明节，也是全国哀悼抗疫烈士的一天。细心的同学可以发现，不仅是娱乐活动以及游戏全部停止，当我们打开各大门户网站，网站页面也都变成了黑白，那么具体怎么做呢，这里可以借用CSS3 的 filter滤镜属性，一个最简单的设置： 由于是CSS3属性，所以自然会存在兼容问题，我们通过 ...
分类：
Web程序 时间：
2020-04-04 11:54:25
阅读次数：
248
这个功能可能平时并不需要, 但是今天2020年4月4日,为了哀悼抗疫中牺牲的英雄们,很多网站都变成了黑白的,今天就来看看技术上怎么实现 用css3中的filter属性,可以实现一些像ps中的简单滤镜效果: 灰度: grayscale 模糊: blur 对比度: contrast 色相旋转: hue- ...
分类：
Web程序 时间：
2020-04-04 09:40:46
阅读次数：
149
