css3的3d起步 要玩转css3的3d，就必须了解几个词汇，便是透视(perspective)、旋转(rotate)和移动(translate)。透视即是以现实的视角来看屏幕上的2D事物，从而展现3D的效果。旋转则不再是2D平面上的旋转，而是三维坐标系的旋转，就包括X轴，Y轴，Z轴旋转。平移同理。 ...
分类：
Web程序 时间：
2020-09-18 01:03:13
阅读次数：
47
###前言上篇文章主要讲述了CSS样式更改中的2D转换，这篇文章我们来介绍下CSS样式更改中的过渡、动画基础用法。####1.过渡元素从一种样式逐渐改变为另一种的样式div{transition:width1s;-moz-transition:width1s;/*Firefox4*/-webkit-transition:width1s;/*Safari和Chrome*/-o-transition:
分类：
Web程序 时间：
2020-09-17 23:37:08
阅读次数：
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
1、非列表的动画 将需要进行动画的元素用transition 包裹起来 在style里进行动画设置 进入的时候动画：v-enter{//动画的开始 transform:...}、v-enter-active{ //动画的过渡transition:...}、v-active-to{// 动画的结束tr ...
分类：
其他好文 时间：
2020-09-17 19:04:29
阅读次数：
30
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style type="text/css"> 7 #div1{ 8 width: 200px; 9 height: 138px; 10 ...
分类：
Web程序 时间：
2020-09-17 15:33:39
阅读次数：
38
CSS3:是CSS2.X ，某些模块升级文档说明： 新手可观：https://www.w3school.com.cn/ w3c官网：www.w3.org 推荐：https://www.w3.org/TR/CSS22/propidx 可翻译中文：https://developer.mozilla.or ...
分类：
Web程序 时间：
2020-09-14 19:17:11
阅读次数：
55
官方解释： <keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition> 相似，<keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在组件的父组件链中。 当组件在 <keep-alive> 内被切换，它的 activ ...
分类：
其他好文 时间：
2020-09-12 21:13:38
阅读次数：
41
【一、项目背景】在浏览一些网站的时候，经常会看到很多的炫酷的效果去装饰页面，使它看起来更高端大气一些。比如，艺龙就采用了图片上加载文字，点击图片使把对应的图片放大，使用户清晰，直观的看到内容。这种效果该怎么做呢？今天教大家用简单的html+css3结合制作艺龙的页面效果。【二、项目准备】1、图片：新建img文件，准备自己喜欢的五张图，保存在文件夹。2、软件：Dreamweaver【三、项目目标】运
分类：
Web程序 时间：
2020-09-07 18:46:28
阅读次数：
56
1.H5和CSS3新特性 #H5新特性 语义化标签：header、footer、section、nav、article 增强型表单：input的type，如email、range、number、search、url、date等 新增表单属性：placeholder、required、min和max ...
分类：
其他好文 时间：
2020-09-02 16:44:05
阅读次数：
55
知识点一：旋转 transform: rotate(180deg) //只能传一个参数，，正值是顺时针 负值是逆时针 度数用deg表示 沿着x轴旋转： transform: rotateX(180deg); 沿着Y轴旋转： transform: rotateY(180deg); 默认是沿着中心旋转。 ...
分类：
Web程序 时间：
2020-08-27 13:01:09
阅读次数：
73
