效果图 源代码 <!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
transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。transition包含4个属性值：执行变换的属性：transition-property，变换延续的时间：transition- ...
分类：
其他好文 时间：
2020-10-20 16:22:50
阅读次数：
27
转换 改变元素在页面中位置，大小，角度以及形状的一种方式 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
案例：筋头云案例 利用动画函数做动画效果 原先筋斗云的起始位置是0 鼠标经过某个小li，把当前小li的offsetLeft 位置做为目标值即可 鼠标离开某个小li，就把目标值设为 0 如果点击了某个小li， 就把li当前的位置存储起来，做为筋斗云的起始位置 <script> window.addEv ...
分类：
其他好文 时间：
2020-10-08 18:03:40
阅读次数：
22
<!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
