今天在重构网页特效的时候,想着用到一个css3的旋转特效。简单来一个demo。 html <div class="box"> <img src="./yft.png" alt="" class="rotation"> </div> css <style> @-webkit-keyframes rot ...
分类:
Web程序 时间:
2020-07-28 14:44:30
阅读次数:
164
去掉input输入框右侧的箭头 在项目中不需要这个箭头直接手动输入 input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number" ...
分类:
其他好文 时间:
2020-07-26 15:10:54
阅读次数:
71
js中动态添加的css属性,自动添加前缀,适配当前浏览器 let elementStyle = document.createElement('div').style let vendor = (() => { let transformNames = { webkit: 'webkitTransf ...
分类:
Web程序 时间:
2020-07-25 09:18:35
阅读次数:
85
什么是属性前缀? 为了浏览器的兼容性,有时候我们必须加入-webkit,-ms,-o,-moz这些前缀。目的就是让我们写的页面在每个浏览器中都可以顺利运行。例如: transition: width 2s; -moz-transition: width 2s; /* Firefox 4 */ -we ...
分类:
Web程序 时间:
2020-07-23 01:51:35
阅读次数:
113
1、CSS Filter 使用CSS过滤器属性可能是最简单的方法把图像变成灰度。以往,IE浏览器有一个专有的CSS属性称为过滤应用自定义效果包括灰度。 现在,过滤器属性是CSS3规范的一部分,并支持在一些浏览器,Firefox、Chrome和Safari。以前,我们也提到Webkit过滤器,它不仅将 ...
分类:
其他好文 时间:
2020-07-21 21:55:21
阅读次数:
131
记录一些常用css用法,包含mixin、extend及用css勾勒出关闭按钮。 ...
分类:
Web程序 时间:
2020-07-20 22:45:17
阅读次数:
90
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>layui</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" c ...
分类:
其他好文 时间:
2020-07-18 19:48:24
阅读次数:
475
-webkit-tap-highlight-color 这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过JavaScript定义的可点击元素的时候,它就会出现一个半透明的灰色背景。要重设这个表现,你可以设置-webkit-tap-highlight-color为任何颜色。想 ...
分类:
Web程序 时间:
2020-07-17 19:44:21
阅读次数:
97
/*向左移动并弹性显示*/ @-webkit-keyframes fadeToLeftTan{ 0%{ -webkit-transform:translateX(100%); opacity:0;} 70%{ -webkit-transform:translateX(-5%); opacity:1; ...
分类:
Web程序 时间:
2020-07-17 19:33:49
阅读次数:
70
_1:改变选中时候的背景色处理: ::selection { color:#fff; background-color: #5CB85C ;} ::-moz-selection { color:#fff; background-color: #5CB85C ;} ::-webkit-selectio ...
分类:
其他好文 时间:
2020-07-17 14:07:11
阅读次数:
72