css3
文章平均质量分 78
风左山心
还行
展开
-
如何用border-radius画出27种图形
我不是很喜欢写博客,这也是我第一篇技术博客,因为很耗时间,这里总结了一些常用的利用border-radius做的一些图形,如果不清楚border-radius的用法请百度。style> body, ul, li, dl, dt, dd, h1, h2, h3, h4, h5 { margin: 0; padding: 0; }原创 2016-03-03 21:15:01 · 1809 阅读 · 1 评论 -
CSS3盾牌2D效果
将原本的图片打乱然后鼠标触摸恢复原状,实现这种效果主要用到过渡(transition)和移动(translate);过渡可以实现元素不同状态之间的平滑过渡(补间动画),补间动画意思是自动完成从起始状态到终止状态的过渡,经常用来制作动画效果只要当前有属性发生变化时,可以平滑的进行过渡,不仅仅局限在hover上。移动translate(x,y)可以改变元素的位置,课为负值,移动位置相当于自原创 2016-03-04 23:02:04 · 1140 阅读 · 1 评论 -
开发中常用的伸缩布局详解
今天给大家讲讲在我们经常用于移动端的伸缩布局,这段日子闲得蛋疼,之前都特别忙,要么就是懒,一直不想写博,最近决定有时间每天更更博,妹子我也是够拼了,虽然现在还没啥阅读量,但我还是要努力写。在做传统布局的时候,我们需要精确计算宽度和外边距,好麻烦啊有木有!css3在布局方面做了很大的改进,对块级元素的排列方式非常灵活,因为强大的伸缩性,在响应式开发中发挥着极大的作用首先用传统布局和伸缩布局实原创 2016-03-06 01:06:29 · 591 阅读 · 0 评论