效果图 源代码 <!doctype html> <html> <head> <meta charset="utf-8"> <title>黄菊华：H5+CSS3商城界面实战</title> <meta name="viewport" content="width=device-width, initi ...
分类：
数据库 时间：
2020-10-24 11:47:14
阅读次数：
42
效果图 源代码 <!doctype html> <html> <head> <meta charset="utf-8"> <title>黄菊华：H5+CSS3商城界面实战-购物车</title> <meta name="viewport" content="width=device-width, i ...
分类：
数据库 时间：
2020-10-24 11:46:30
阅读次数：
45
转换 改变元素在页面中位置，大小，角度以及形状的一种方式 2D转换：只在x轴和y轴上发生转换效果 3D转换：增加了z轴的转换效果 一、转换属性 transform 取值： （1）none，默认值，无任何转换效果 （2）transform-function 一个或多个转换函数，多个的话，中间用空格隔开 ...
分类：
Web程序 时间：
2020-10-19 22:35:55
阅读次数：
35
1，CSS3 边框用CSS3，您可以创建圆角边框，添加阴影框，并作为边界的形象而不使用设计程序（如Photoshop等作图软件），极大地帮助您节省了很多时间。 而在本节中，您将了解以下的边框属性有： border-radius box-shadow border-image（需要注意的是：该属性不支 ...
分类：
Web程序 时间：
2020-10-18 16:33:39
阅读次数：
30
1，CSS3 border-radius - 指定每个圆角如果你在 border-radius 属性中只指定一个值，那么将生成 4 个 圆角。 但是，如果你要在四个角上一一指定，可以使用以下规则： 四个值: 第一个值为左上角，第二个值为右上角，第三个值为右下角，第四个值为左下角。 三个值: 第一个值 ...
分类：
Web程序 时间：
2020-10-18 16:32:03
阅读次数：
30
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS3属性对层叠 ...
分类：
Web程序 时间：
2020-10-07 21:43:57
阅读次数：
50
涉及平台：平台管理（包含自营店面）、商家端（PC端、手机端）、买家平台（PC端、H5/公众号、小程序、APP端（IOS/Android）、微服务核心架构：SpringCloud、SpringBoot、MybatisPlus、Redis前端框架：VUE、Bootstrap/H5/CSS3、IOS、Android、小程序核心思想：分布式、微服务、云架构、模块化、原子化、持续集成、集群部署开发模式：代码
分类：
其他好文 时间：
2020-10-06 20:21:52
阅读次数：
38
渐变进度条，如图： 实现： dom： <div className={s.progress}> <div className={s.bar} style={{ width:'73%'}}/> </div> css：外层div设置背景色有透明度，内层div设置渐变，有宽度，有圆角 .progress{ ...
分类：
Web程序 时间：
2020-09-18 03:35:28
阅读次数：
57
css3的3d起步 要玩转css3的3d，就必须了解几个词汇，便是透视(perspective)、旋转(rotate)和移动(translate)。透视即是以现实的视角来看屏幕上的2D事物，从而展现3D的效果。旋转则不再是2D平面上的旋转，而是三维坐标系的旋转，就包括X轴，Y轴，Z轴旋转。平移同理。 ...
分类：
Web程序 时间：
2020-09-18 01:03:13
阅读次数：
47
@media screen and (orientation: portrait) { html{ width : 100vmin; height : 100vmax; } body{ width : 100vmin; height : 100vmax; } #gyroContain{ width ...
分类：
Web程序 时间：
2020-09-17 19:51:58
阅读次数：
61
