2dtransition: all 0.5s;/* 旋转基点 支持设置 10px 20px*/transform-origin: left top; //以左上角为基点transform: rotate(90deg); //旋转90度// 动画transition:all .6s;//放大trans... ...
分类：
Web程序 时间：
2020-06-02 11:11:20
阅读次数：
77
前言 上一篇 css3 动画（一） transition 中，介绍了 transition 的用法。其中 transition 包含四个可设置的属性： 有过渡效果的属性 过渡时长 过渡函数？ 过渡时延 其中，1、2 以及 4 都挺好理解的，但是 3 是个什么东西？其实 3 是 css3 中的 tim ...
分类：
Web程序 时间：
2020-06-02 11:07:35
阅读次数：
84
1. 页面出现滚动条 ———— ::-webkit-scrollbar {display: none;} 2. 处理火狐浏览器form表单回显时出现蓝色或者黄色的背景色，三种方法如下： 这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性，然后 ...
分类：
其他好文 时间：
2020-06-02 09:17:21
阅读次数：
80
一、移动端基础 二、视口 视口（viewport）就是浏览器显示页面内容的屏幕区域，视口可以分为布局视口、视觉视口和理想视口 2.1 布局视口（layout viewport） 2.2 视觉视口（visual viewport） 2.3 理想视口（ideal viewport） 2.4 总结 2.5 ...
分类：
移动开发 时间：
2020-06-02 00:01:31
阅读次数：
84
随着技术的发展，目前css已经发展到了第三阶段css3.css3能够支持更多的动效，以前需要用js来实现的动画、过渡，计算等功能，如今大多都能够用css来实现，而且性能更佳。当然，随着业务的需要，在编写css过程当中，为了能够让css具备js的可复用性，灵活性、模块化开发以及更好的管理样式文件，像s ...
分类：
Web程序 时间：
2020-06-01 13:40:32
阅读次数：
85
原文地址：https://www.xksblog.top/the-p... text-overflow是CSS3中的属性，它规定了当文本溢出其包含元素时以何种方式显示。但在使用的时候，有时会发现这个text-overflow设置了属性怎么不起作用呀？现在我们就来踩踩这里面的坑。 text-overf ...
分类：
其他好文 时间：
2020-06-01 13:33:26
阅读次数：
54
弹性盒子基础 弹性盒子(Flexible Box)是css3中盒子模型的弹性布局，在传统的布局方式上增加了很多灵活性。 定义一个弹性盒子 在父盒子上定义display属性： #box{ display: -webkit-flex; //webkit内核浏览器的兼容设置，下同 display: fle ...
分类：
Web程序 时间：
2020-06-01 00:26:13
阅读次数：
92
最近在项目的过程中遇到了一个问题，menu-bar希望始终显示在最上面，而在之后的元素都显示在它之下，当时设置了 z-index 也没有效果，不知道什么原因，因此找了一下css有关层叠方面的资料，解决了这个问题，这里记录一下~ 屏幕是一个二维平面，然而HTML元素却是排列在三维坐标系中，x为水平位置 ...
分类：
Web程序 时间：
2020-05-31 19:47:02
阅读次数：
103
css3动画 animation 使用css3动画需要2步 为指定元素添加animation属性及属性值。各浏览器私有属性在前，通用属性在最后。 使用@keyframes定义动画过程名称。各浏览器私有属性在前，通用属性在最后。 animation定义动画的属性值。 @keyframes规则内指定一个 ...
分类：
其他好文 时间：
2020-05-31 16:30:10
阅读次数：
53
ETL（数据仓库技术） ETL，数据仓库技术，是英文Extract-Transform-Load的缩写，用来描述将数据从来源端经过抽取（extract）、转换（transform）、加载（load）至目的端的过程。ETL一词较常用在数据仓库，但其对象并不限于数据仓库。 ETL是将业务系统的数据经过抽 ...
分类：
其他好文 时间：
2020-05-31 16:06:21
阅读次数：
68
