css3
面向对象的夜猫子
抽象,继承,封装,多态。
展开
-
CSS 黑魔法小技巧,让你少写不必要的JS,代码更优雅
之前不久,由于自己平时涉猎还算广泛,总结了一篇博客:这些JavaScript编程黑科技,装逼指南,高逼格代码,让你惊叹不已,没想到受到了大家的欢迎,有人希望能博主还能整理个 CSS 的一些黑魔法小技巧,无奈我 CSS 一直很渣,没什么干货,最近写了一个 Chrome 插件 GayHub,算是把 GitHub 的样式审查了个变,在写的过程中,也收获了很多关于 CSS 的小技巧,尤其是开始的第一转载 2017-09-26 09:19:25 · 357 阅读 · 0 评论 -
css3自定义图形的实现效果
为了节省时间,下面图形都采用的一个标签,可以是块元素也可以是行内元素,不过行内元素需要加上“display:block;”,唯一不同的是,在此用了不同的类名来区别,相关类名我放在了标题的后面,以便大家对应查看。 1、正方形(square): CSS Code: .square { width: 100px; height:100px; background: #转载 2017-09-27 09:14:41 · 666 阅读 · 0 评论 -
如何让前端动画变得更加自然
导语 本文将从为什么要探究更自然的动画、如何探究运动曲线方程、列举常用的运动曲线、分别使用js和css实现曲线动画效果、可视化实现工具这几个方面进行介绍。希望阅读后,本文能给你在制作动画效果时带来一点帮助。 1.为什么需要探究更自然的动画 自css animation推出后,强大的功能使得我们通过css也能制作出媲美flash的动画效果。然而在制作动画的时候,我们也许会常常纠结怎么设置转载 2017-10-10 09:59:00 · 878 阅读 · 0 评论