我其实也是个刚刚入行没多久的新人,github玩的比较少,上次发了一篇文章,部门老大希望我在github上创建一个演示demo使文章更加有说服力。 当时就去查了许多资料,百度里说得各种天花乱坠,没点用,我只想说: 能不能…
标签:css3
【二次元的CSS】—— 用 DIV + CSS3 画大白(详解步骤)
原本自己也想画大白,正巧看到一位同学(github:https://github.com/shiyiwang)也用相同的方法画了。 且细节相当到位。所以我就fork了一下,在此我也分享一下。同时,我也希望有更多的同学发挥…
【二次元的CSS】—— 用 DIV + CSS3 画Hello Kitty(详解步骤)
原本自己也想画Hello Kitty,正巧看到一位外国友人Lauren McConachie(她的个人网站: http://lorenai.com。)也用相同的方法画了。 且细节相当到位。在此我也分享一下。(出于尊重原作…
【二次元的CSS】—— 用 DIV + LESS 做一个小黄人构造器
仅仅使用div作为身体的布局,用css3的各种transform和圆角属性来绘制各个细节的形状,当然也不会使用任何图片哦。那就没意思了。 有的同学说,用canvas不是能画得更逼真而且更简单吗?这点我也非常赞同,但我的理…
flex-item的flex-basis与width属性有什么关系?
我们知道,给一个元素A设置display: flex; ,那么A就是flex container,此时如果A元素有三个子元素A-1,A-2,A-3,那么这三个子元素便是A的flex item,我们可以给flex item…
Flexbox属性介绍
介绍 flexbox是HTML5中提出的新的布局方式。使用时,需要将父子节点的display都设置为flex。每个参赛的效果可以参考这里 父节点属性 flex-direction 控制子界点的方向。一共有4个值: .co…
CSS3实现全景图特效
本篇文章将给大家带来一个css3的黑科技:如何仅仅使用css来实现全景图的效果? 最终效果演示:demo 页面布局 <div class="panorama"></div> 基础样式 首先定义一些…
用Css给你的图片加上Instagram滤镜
CSSgram 一个支持Instagram 滤镜库的 Sass/CSS框架 图片演示 DEMO2 这是什么 Cssgram 是一个使用CSS给图片加上类似Instagram的滤镜库。我们所做的就是通过改变各种各样的混合模…
盒子模型的理解
概述 网页设计中常听的属性名:内容(content)、填充(padding)、边框(border)、边界(margin),CSS盒子模型都具备这些属性,也主要是这些属性。 这些属性我们可以把它转移到我们日常生活中的盒子(…
瀑布流之实例进阶
瀑布流也应该算是流行几年了吧。首先是由Pinterest掀起的浪潮,然后国内设计如雨后春笋般,冒出很多瀑布流的例子,比如,蘑菇街,Mark之(不过最近涉黄,好像被喝茶了),还有淘宝的 “哇哦”. 这些都是很棒的例子, 今…
使用原生js+css3实现下拉刷新效果
原生app里的数据列表都会使用下拉刷新的效果,在webapp里可以采用iscroll、swiper等插件或框架实现,那么如何自己编码实现类似的效果呢,下面介绍使用原生js+css3实现的简单效果。 html布局 <…
【译】现在实现flexbox 的策略和工具(flexbox兼容到IE8的跨浏览器解决方案)
原文:FLEXBOX IN THE REAL WORLD flexbox 相当好用,但是现在就可以用flexbox并且让它支持到IE8吗?如果你跟着下面的步骤,现在就可以开始用flexbox啦。_我介绍flexbox已经…