CSS3
ruanhongbiao
最想要去的地方,怎能半途返航。
展开
-
移动端样式小技巧
平时在移动端开发拼页面的过程中总会遇到一些问题,主要是各手机webview样式显示效果不一致造成的。以下总结了一些常见坑和一些小技巧,希望对看官有所帮助!本文只针对两大手机阵营 Android和IOS 中的魅蓝metal 和 iPhone6进行样式对比。一、line-heightline-height经常用于文字居中,当然也有小伙伴会用上下padding去写.but!不转载 2016-08-18 11:19:41 · 442 阅读 · 0 评论 -
web前端技术栈图
转载 2018-04-02 18:36:22 · 5200 阅读 · 0 评论 -
H5页面在iPhoneX适配
1. iPhoneX的介绍屏幕尺寸我们熟知的iPhone系列开发尺寸概要如下:△ iPhone各机型的开发尺寸转化成我们熟知的像素尺寸:△ 每个机型的多维度尺寸倍图其实就是像素尺寸和开发尺寸的倍率关系,但这只是外在的表现。倍图核心的影响因素在于PPI(DPI),了解屏幕密度与各尺寸的关系有助于我们深度理解倍率的概念:《基础知识学起来!为设计师量身打造的DPI指南》iPhone8在本次升级中,屏幕...转载 2018-04-19 18:41:21 · 1714 阅读 · 0 评论 -
animate动画执行一次并且停留在最后一帧
方法一:css3animation-iteration-count:1;/*动画只执行一次*/ -moz-animation-iteration-count:1; -webkit-animation-iteration-count:1; -o-animation-iteration-count:1; animation-fill-mode: forwards;...原创 2019-07-08 20:06:49 · 6940 阅读 · 0 评论 -
css3判断animation动画是否完成,以及在动画完成后执行事件
用css3的animation完成一个动画,当只有这个动画完成时才执行令一个事件,比如让动画保持在终止的状态或其他一些事件。我们该怎么办呢。第一种方法:用计时器,设定一个和动画时长一样的time,过time事件去执行这个函数。setTimeout(function(){ },time);第二种方法:当-webkit-animation动画结束时有一个webkitAnimatio...原创 2019-07-30 14:08:15 · 6362 阅读 · 1 评论