CSS3 transition动画 1、transition-property 设置过渡的属性，比如：width height background-color2、transition-duration 设置过渡的时间，比如：1s 500ms3、transition-timing-function ...
分类：
Web程序 时间：
2020-04-06 13:26:02
阅读次数：
79
html.gray { -webkit-filter: grayscale(.95); } 兼容性 html { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); - ...
分类：
Web程序 时间：
2020-04-06 11:39:31
阅读次数：
89
方法一： 1 <html style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);"> 方法二： body *{ -webkit-filter: ...
分类：
Web程序 时间：
2020-04-05 20:46:54
阅读次数：
97
仅仅使用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
