很多特殊的时候,我们向英雄们致敬,在互联网上最常见的方式就是整个网页变黑白,今天逛某博客收集一段代码,用于网页整体变黑白,用css3滤镜属性filter让网页马上变黑白,一行代码就搞定。 在你的css里加上以下代码即可,网页马上变黑白: html{ filter:progid:DXImageTran ...
分类:
Web程序 时间:
2021-06-02 16:29:17
阅读次数:
0
一、CSS样式规格选择器:标签选择器类选择器多类名选择器id选择器 id选择器与类选择器区别:类选择器可以多次重复使用,id选择器只能使用一次,是唯一的 通配符选择器 二、CSS3外观属性水平对齐 text-align:首行缩进 text-indent:1em; 1代表一个汉字的缩进字间距 lett ...
分类:
Web程序 时间:
2021-06-02 15:16:39
阅读次数:
0
一. visibility 属性规定元素是否可见。 visibility:visible // 元素是可见的。 visibility:hidden // 元素不可见 二,使用visibility的优点 因为 transition与visibility 可以搭配使用; visibility 可以应用t ...
分类:
其他好文 时间:
2021-06-02 12:10:34
阅读次数:
0
1、思路: 因为offsetTop、scrollTop等不属于css属性,所以这些无法用css动画或过度来实现。首先想到的是使用position + top 定位结合 transition 来实现。 2、效果: 3、原生代码: <!DOCTYPE html> <html lang="zh"> <he ...
分类:
Web程序 时间:
2021-05-25 18:28:37
阅读次数:
0
前言 经过两天的思考终于在这个问题上算是告一段落,于是写下这篇文章希望有缘人能够指点一二。 起因 闲来无事用原生js写了个静态的轮播图,想要用css给图片元素添加上transition:opacity动画实现淡入淡出的效果,结果发现动画没有触发。 网上搜索一番用内联样式解决了问题,于是认为是图片上d ...
分类:
其他好文 时间:
2021-05-25 18:23:15
阅读次数:
0
盒子阴影 CSS3中新增了盒子阴影,我们可以使用box-shadow属性为盒子添加阴影。 语法: box-shadow: h-shadow v-shadow [blur] [spread] [color] [inset] 值 描述 h-shadow 必需。水平阴影的位置。正数向右偏移,负数向左偏移。 ...
分类:
Web程序 时间:
2021-05-24 14:40:25
阅读次数:
0
1.px是相对长度单位,它是相对于显示器屏幕分辨率而言的 优缺点:比较稳定和精确,但在浏览器中放大或缩放浏览页面时会出现页面混乱的情况 2.em是相对长度单位,1em等于当前元素的字体大小,除非你在设置font-size 3.rem是CSS3新增的一个相对单位,rem是相对单位,是相对HTML根元素 ...
分类:
Web程序 时间:
2021-05-24 12:31:53
阅读次数:
0
目前所接触的UI动画效果有三种制作方法: 1. Animator:直接挂在组件上, controller里控制动画的播放。 由Animation, Controller组成, 动画之间的transition可以用代码控制(在箭头上加一个trigger,代码控制开关就ok了) 2. Timeline: ...
分类:
其他好文 时间:
2021-05-24 04:49:26
阅读次数:
0
transition簡寫屬性:transition-property transition-duration transition-timing-function transition-delay transition-property: 用于设置那个值需要过度,初始值是关键字 all,表示所有属性 ...
分类:
Web程序 时间:
2021-05-23 23:01:05
阅读次数:
0
text-overflow: -o-ellipsis-lastline;/*css3中webkit内核提供的一个方法类似ellipsis*/ overflow: hidden; text-overflow: ellipsis; display: -webkit-box;/*自适应盒子*/ -webk ...
分类:
微信 时间:
2021-05-03 11:49:02
阅读次数:
0