标签：前端技术

zhangli 发布于 2018-03-23

Magic CSS3 Animations 动画是一款独特的CSS3动画特效包，你可以自由地使用在您的网页中。只需简单的在页面上引入 CSS 文件: magic.css 或者压缩版本 magic.min.css 就可以使用了。 效果及样式命名查看 ↓ http://www.jq2...

阅读(318)评论(0)赞 (0)标签：css3 / 前端技术

zhongxh 发布于 2017-12-27

移动端的一些总结归纳 一.css部分 1.meta标签 <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/> 移动端加上这个标签才是真正的自适应，不加...

阅读(342)评论(0)赞 (0)标签：css3 / h5技术 / h5案例 / 前端技术

zhangli 发布于 2017-07-21

这篇文章，主要是总结一下，我在移动端布局用过的方法。有三种，一种是响应式布局，利用@meida判断各个size；第二种是REM；最后是设置viewport中的width。 响应式布局 这种感觉是最好理解了，利用@media进行断点，在每个断点中编写css。 1 2 3 @medi...

阅读(467)评论(0)赞 (0)标签：前端技术

zhangli 发布于 2017-06-06

本文将市面上最常被使用的动效进行了一次总结并逐条阐明这些设计背后的原理，每条原理后面我都会为朋友们选出一些大家最常用的 App 作为例子，顺手打开就能体验啦。 缓动（Easing）、偏移量和延迟（Offset & Delay）主要与时间相关。 父子关系（Parenting...

阅读(360)评论(0)赞 (0)标签：h5技术 / 前端技术 / 设计

zhangli 发布于 2017-06-05

最近在逛某个技术网站的时候，感觉文章关键词上的样式好酷炫啊。于是我将那种写法照搬到了我的博客中，也许最近逛过我博客的小伙伴已经发现了它出现在哪儿了——分页的样式。来张截图： 你在首页的底部也可以看到这样一个分页栏；是不是看上去还不错？下面就来看看这是如何实现的吧~ 第一种方法：利...

阅读(412)评论(0)赞 (0)标签：前端技术