隐藏侧边栏

随笔分类 -  HTML&CSS

过渡与动画 - 逐帧动画&steps调速函数
摘要：写在前面 "上一篇" 中我们熟悉五种内置的缓动曲线和(三次)贝塞尔曲线，并且基于此完成了缓动效果. 但是如果我们想要实现逐帧动画，基于贝塞尔曲线的调速函数就显得有些无能为力了，因为我们并不需要 ，就像上篇中所看到的，所有基于贝塞尔曲线的调速函数都会在关键帧之间进行插值运算，从而产生平滑的过渡效果。 阅读全文
posted @ 2017-12-14 19:43 OkayChen 阅读(4185) 评论(4) 推荐(2) 编辑
过渡与动画 - 缓动效果&基于贝塞尔曲线的调速函数
摘要：难题 给过渡和动画加上缓动效果是一种常见的手法（比如具有回弹效果的过渡过程）是一种流行的表现手法，可以让界面显得更加生动和真实：在现实世界中，物体A点到B点往往也是不完全匀速的 以纯技术的角度来看，回弹效果是指当一个过渡达到最终值时，往回到一点，然后再次回到最终值，如此往复一次或者多次，并逐渐收敛， 阅读全文
posted @ 2017-12-12 16:15 OkayChen 阅读(10369) 评论(1) 推荐(2) 编辑
理解标准盒模型和怪异模式&box-sizing属性
摘要：盒子模型 主要有两种，w3c标准盒模型，IE下的怪异盒模型，其实还有就是弹性盒模型( "上篇文章我们用他很好的解决了对齐问题" ) DTD规范 盒模型分为：标准w3c盒模型、IE盒模型、以及css中的伸缩盒模型 当我们使用编辑器创建一个html页面时，我们一定会发现最顶上的 标签 这些doctype 阅读全文
posted @ 2017-12-11 11:24 OkayChen 阅读(9750) 评论(0) 推荐(2) 编辑
把所有的东西都对齐吧 - 谈谈垂直居中的解决方案
摘要："44年前我们就把人类送上了月球了，但现在我们仍然无法在css中实现垂直居中 James Anderson" 难题 在CSS中对元素进行水平居中是非常简单的；如果是一个行内元素，就对父元素设置text align:center；如果是一个它是一个块级元素，就对自身应用margin:auto.然而考虑 阅读全文
posted @ 2017-12-08 08:10 OkayChen 阅读(7671) 评论(1) 推荐(10) 编辑
css绘制常见的几何图形
摘要：前言：终于我的大一生活结束了，迎来了愉快的暑假，大家都开始了各自的忙碌。一直忙着一些项目的事情，终于决定今天要更新一篇博客了，对上一阶段的学习做简单的总结。 这次我主要总结一下用Css绘制各种形状的技巧，同时要结合before、after伪元素和定位做出一些效果。 Triangle Up(向上的三角 阅读全文
posted @ 2017-07-12 21:52 OkayChen 阅读(2378) 评论(0) 推荐(6) 编辑
多栏布局与JS实现瀑布流
摘要：css3属性之多栏布局与JS实现瀑布流 背景：之前打算自己总结一下flex布局的知识点，发现自己无从下手，原因在何处：我反思了一下，其实原因很简单，使用的次数少，更多的时间使用了百分比，浮动和定位解决。这也就显示出了博客和笔记的区别，自己平时做笔记，更多的记录，而不是总结，其实自己没有熟练掌握。 有 阅读全文
posted @ 2017-06-14 02:05 OkayChen 阅读(2106) 评论(9) 推荐(9) 编辑
页面重构-让我们的布局自适应
摘要：css重构之旅 >前言： 今年我大一,马上就要大二了。从高三毕业暑假到大学的这一年马上过去，马上迎来大二生活.学习前端也有将近一年了。一昧去追求那些视觉的效果和相对高端和新颖的技术，反而忽略了最基础的布局技巧。 回味 2017年3月，百格教育的手机端网站，是我接到的第一个公司外包的项目。我和组长合作 阅读全文
posted @ 2017-05-29 21:33 OkayChen 阅读(1552) 评论(4) 推荐(2) 编辑

点击右上角即可分享
微信分享提示