一、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
1.前言 做项目就难免会开发交互效果或者特效,而我最近开发的项目一直在使用vue,开发技术栈方面,理所当然就使用了vue+css3开发,过程中发现使用vue+css3开发特效,和javascript/jquery+css3的思维方式不一样,但是比javascript/jquery+css3简单一点点 ...
分类:
Web程序 时间:
2020-01-14 20:59:11
阅读次数:
125
脑洞爆炸的背景 最近开发项目动效开发越来越多 ; 部分动效需要在页面滑动的时候执行一定的效果;但是发现在移动端 很多时候页面滑动的速度快的时候 , 动效呈现的不稳定性越明显 , 会不流畅; 虽然使用css3的过渡可以从视觉层面解决这个问题 , 但是并不能根治, 于是乎想到了一个方案。。。 reque ...
分类:
移动开发 时间:
2020-01-13 16:00:45
阅读次数:
165
在css3中可以实现很多一些动态效果,css3逐步取代了Flash,可以通过他带来的新特性帮助我们轻易解决一些问题,例如图片的圆角可以直接使用border-radius就可以解决,无需再使用ps解决,并且css3可以减少开发和维护成本,并且还能提高页面性能,因为一些动态效果我们不需要再去使用JS就可 ...
分类:
Web程序 时间:
2020-01-08 21:22:40
阅读次数:
114
IE 8及以下不支持 IE9 谷歌浏览器等支持CSS3的可以实现 (选中标签内文字,即可查看文本颜色和背景色) p::-moz-selection{background:#000;color:#f00;} p::selection{background:#000;color:#f00;} ...
分类:
Web程序 时间:
2020-01-04 12:35:56
阅读次数:
100
作者 | Jeskson 来源 | 达达前端小酒馆 源码地址: https://github.com/huangguangda/Ajaxitm 什么是Ajax技术?实战中的运用ajax技术,了解前后端交互的方式,了解移动端的模式,了解H5的新技术,了解CSS3的使用,和JQuery的使用。 Ajax ...
分类:
Web程序 时间:
2019-12-29 00:40:06
阅读次数:
89
本文重点在于HTML5与CSS3的学习和使用,HTML与CSS不属于编程范畴,更偏向于设计,而Sass是编程化的CSS的扩展语言,对于没有接触过编程的读者可能会有点吃力,这里不做对语法详细介绍,仅作为基本介绍,让读者了解Sass的优越性,如果对Sass感兴趣,请自行查阅相关资料。 Sass基本语法 ...
分类:
Web程序 时间:
2019-12-27 09:15:29
阅读次数:
84
介绍: css3 的Flex弹性盒的布局是一个用于页面布局的全新CSS3模块功能。它可以把列表放在同一个方向(从左到右或从上到下排列),并且让这些列表能延伸到占用可用的空间。较为复杂的布局可以通过嵌套一个伸缩容器(flex container)来辅助实现。 Flexbox可以简单快速的创建一个具有弹 ...
分类:
Web程序 时间:
2019-12-26 17:49:53
阅读次数:
110
1.关于浮动 浮动的元素会脱离标准文档流(float),从而不占据空间,实现了一行排列多个元素的效果 ,但是又导致上级元素height消失,处理这种情况的方法就是有两种: 1.第一种在css里写个伪类,哪些地方需要清除浮动,直接调用类名。 .clearfix::after{ display: blo ...
分类:
Web程序 时间:
2019-12-22 16:17:40
阅读次数:
88