CSS3 1.边框图片 border-image: url(test.png) 10/10px; outline:10px solid #ff0;outline-offset:15px;边框的边框,两边框之间距离 2.三角形 span{display:inline-block;border:50px ...
分类:
Web程序 时间:
2018-12-26 00:38:10
阅读次数:
233
标准浏览器通过rgba()实现背景色透明;IE8以下浏览器通过特有滤镜实现背景色透明。 代码如下: 上述代码中: ...
分类:
Web程序 时间:
2018-12-24 23:44:22
阅读次数:
603
在CSS3中可以使用RGBA和HSLA两种色彩模式,这两个都可以用来设置颜色以及指定透明度。 rgba指的是:红色、绿色、蓝色、Alpha透明度(Red-Green-Blue-Alpha)前三个值取值从0~255或0%~100% hsla指定是:色调、饱和度、亮色、Alpha透明度(Hue-Satu ...
分类:
Web程序 时间:
2018-12-24 02:53:18
阅读次数:
224
mPDF是一个很强大的PDF生成库,能基本兼容HTML标签和CSS3样式,这篇文章通过实例代码给大家介绍PHP中使用mpdf 导出PDF文件的实现方法。 具体代码如下所示: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 2 ...
分类:
Web程序 时间:
2018-12-23 16:48:27
阅读次数:
436
css3越来越强大,使用css也可以做越来越多意想不到的效果。css3实现了ps的蒙版效果,炫酷叼炸天的技能,必须要分享出来啊!实现原理这个动画,其实也并不复杂。它使用background-clip实现了文字蒙版的效果,然后结合了背景图片的animation实现了如上图所示的文字蒙版动画。用css3做蒙版效果常见的有两种,一种是图形的,另一种是文字的。图形蒙版这里要使用的到时clip-path,它
分类:
Web程序 时间:
2018-12-23 13:56:55
阅读次数:
283
现在什么都讲究追赶潮流,觉得 QQ 登录窗口做的效果不错,既然刚学习 electron ,那么就用 electron 模仿一下。其实主要用到的就是 CSS3 的效果:边框圆角、阴影,3D变换。对,就这么简单。先上效果: 下面是关键代码: app.js ? 1 2 3 4 5 6 7 8 9 10 1 ...
一.HTML5标签 二.css3之子选择器 3.css3之兄弟选择器 四.css之同级选择器 五.css3之属性选择器 六.a标签伪类选择器 七.伪类选择器 八.伪类选择器小例子 ...
分类:
Web程序 时间:
2018-12-23 11:27:12
阅读次数:
261
之前有开发过一个h5微直播项目,当时里面也用到过聊天模块部分,今天就在之前聊天部分的基础上重新抽离模块,开发了这个h5趣聊项目,功能效果比较类似微信聊天界面。采用html5+css3+Zepto+swiper+wcPop+flex等技术融合开发,实现了发送消息、表情(动图),图片、视频预览,添加好友 ...
分类:
微信 时间:
2018-12-23 00:53:51
阅读次数:
630
title: HTML5与CSS3权威指南之CSS3学习记录 toc: true date: 2018 10 14 00:06:09 学习资料——《HTML5与CSS3权威指南》(第3版) 官方网站: "华章图书" 书中所有代码下载链接: 链接:http://pan.baidu.com/s/1c0o ...
分类:
Web程序 时间:
2018-12-22 18:40:04
阅读次数:
183
一、HTML标签中设置CSS变量 如下: 二、JS中设置CSS变量 如下,HTML示意: 如果要想让var(--color)生效,执行下面JavaScript代码即可: 三、JS中获取CSS变量 JS中获取CSS变量可以使用getPropertyValue()方法,示意: ...
分类:
Web程序 时间:
2018-12-22 16:31:09
阅读次数:
275