<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ...
分类：
Web程序 时间：
2020-01-16 17:24:21
阅读次数：
86
一、CSS3 转换通过 CSS3 转换，我们能够对元素进行移动、缩放、转动、拉长或拉伸。浏览器支持Internet Explorer 10、以及 Opera 支持 transform 属性。注释：Internet Explorer 9 需要前缀 -ms-。Chrome 和 Safari 需要前缀 -... ...
分类：
Web程序 时间：
2020-01-16 12:37:53
阅读次数：
96
垂直居中，在CSS中是一个老生常谈的问题，面试的时候也会时常被提及。所以，今天我们就来聊聊9种不同的居中方法。有常见的flex、transform、absolute等等。也有CSS3的网格布局。还有伪元素的方法，是的，你没有看错，::after和::before也可以实现居中。1、flex大家的第一反应，可能就是flex了。因为它的写法够简单直观，兼容性也没什么问题。是手机端居中方式的首选。<
分类：
Web程序 时间：
2020-01-16 01:00:21
阅读次数：
110
最近写了几个页面都用到css动画，以及很多before,after伪类。在此记录一下成果。css边框循环动画，页面效果如下： 1、沿着边框动画的图形使用before，after伪类写的。当时想用切图来写，后来考虑到优化，就用了css来写。具体代码如下： <div class="div"> <i cl ...
分类：
Web程序 时间：
2020-01-14 23:57:17
阅读次数：
770
1.前言 做项目就难免会开发交互效果或者特效，而我最近开发的项目一直在使用vue，开发技术栈方面，理所当然就使用了vue+css3开发，过程中发现使用vue+css3开发特效，和javascript/jquery+css3的思维方式不一样，但是比javascript/jquery+css3简单一点点 ...
分类：
Web程序 时间：
2020-01-14 20:59:11
阅读次数：
125
利用CSS3特性可以做出动画效果 .trans_300 { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300m ...
分类：
其他好文 时间：
2020-01-14 16:03:47
阅读次数：
202
脑洞爆炸的背景 最近开发项目动效开发越来越多 ； 部分动效需要在页面滑动的时候执行一定的效果；但是发现在移动端 很多时候页面滑动的速度快的时候 ， 动效呈现的不稳定性越明显 ， 会不流畅； 虽然使用css3的过渡可以从视觉层面解决这个问题 ， 但是并不能根治， 于是乎想到了一个方案。。。 reque ...
分类：
移动开发 时间：
2020-01-13 16:00:45
阅读次数：
165
本学期主要学了h5，css3，js，Java，SQL server数据库基本操作等相关知识，学会了简单web系统的制作。 这个学期总的来说学到了很多东西。 前期Java学习因为有了暑期学习及pta上500分的练习基础，学习相对顺利， 中期因为协会里的各种事务，使web及数据库入门知识的学习落下了很多 ...
分类：
编程语言 时间：
2020-01-12 18:00:01
阅读次数：
95
原文:CSS3(4)---动画(animation) CSS3(4)---动画(animation) 之前有写过过渡：CSS3(2)--- 过渡(transition) 个人理解两者不同点在于 过渡 只能指定属性的 开始值 与 结束值，然后在这两个属性值之间进行平滑过渡来实现动画效果，因此只能实现简... ...
分类：
Web程序 时间：
2020-01-12 10:04:04
阅读次数：
95
原文:CSS3(5)---伸缩布局(Flex) CSS3(5)---伸缩布局 有关页面布局之前写过三篇相关文章： 1、CSS(5)---盒子模型 2、CSS(6)---浮动(float) 3、CSS(8)---定位(position) 一、什么是Flex 布局 1、Flex 布局特点 上面三种布局都... ...
分类：
Web程序 时间：
2020-01-12 10:02:00
阅读次数：
91
