FedFun

爱前端,乐分享,前端痴王海庆的博客!

modern-normalize vs normalize.css

normalize.css 我们知道normalize.css可以让浏览器以接近标准的方式一致地渲染所有元素,而且不同于cssrest,只针对需要正常化的元素。它的官方网站为normalize.css,最新版本为8.0。 浏览器支持 Chrome Edge Firefox ES...

2018-02-09 11:04:27

阅读数:206

评论数:0

高性能动画“box-shadow”属性

本文从《[How to animate "box-shadow" with silky smooth performance](http://tobiasahlin.com/blog/how-to-animate-box-shadow/)》编译而来,英文没问题的同学,看原文找原...

2015-12-13 10:52:58

阅读数:4080

评论数:13

segment-实现SVG路径描边绘制与动画的轻量库

今天来一起了解一个实现SVG路径描边绘制与动画的轻量级类库[segment](https://github.com/lmgonzalves/segment),我们从轻松上手、使用详解、资源和案例、源码解读等几个方面进行介绍。

2015-11-23 08:48:45

阅读数:2440

评论数:0

resize属性研究

resize属性是[CSS3 UI](http://www.w3.org/TR/css3-ui/)中的一个属性,允许用户调整元素的尺寸。今天通过一个图像对比案例来简要学习下。

2015-11-09 14:02:31

阅读数:2752

评论数:0

CSS定位属性之间的相互作用

来看下CSS标布局情况下,定位相关属性之间的相互作用。

2015-10-28 09:45:18

阅读数:2200

评论数:2

CSSgram-使用CSS Filters和CSS Blend Modes实现Instagram风格滤镜

CSSgram是一个简单易用的CSS库,组合CSS Filter和CSS Blend Modes实现的Instagram风格的图片滤镜,通过在图片上叠加颜色或渐变模拟实现滤镜,可以节省大量的图片处理时间,增加线上“玩弄”图片的乐趣。

2015-10-26 14:29:02

阅读数:2416

评论数:2

提高您CSS开发能力的技巧集

翻译自Github,提高您CSS开发能力的技巧集,希望对大家有所帮助。

2015-10-09 12:13:18

阅读数:3512

评论数:1

CSS3 Flexbox可视化指南

原文:scotch.io的A Visual Guide to CSS3 Flexbox Properties 译者:前端开发whqet,意译为主不当之处,欢迎指正! 译言:希望可以通过可视化的方式帮助您了解Flexbox属性如何影响flex布局。大家可以到原文demo那里先一睹为快,注意,需翻...

2015-04-28 10:51:55

阅读数:5960

评论数:11

《网页设计与制作》课程主页

引言为了激发广大童鞋的学习积极性,让我们的学习更加贴近未来工作需求,便于记录学习过程、总结学习收获、广交朋友,我们在CSDN上开通课程主页,希望大家可以通过CSDN这样的学习平台,更好地提升自我。

2015-03-31 08:13:28

阅读数:6115

评论数:21

Sass map详解

作为一个CSS预处理器,Sass正受到越来越多的青睐,诸如Github、Codepen、CSS-Tricks、SitePoint、w3cplus等网站采用Sass组织、管理CSS文件,Sass正在逐渐成为事实上的CSS预处理器行业标准。接下来几篇文章,我们来研读下Sass中的关键功能,今天来看ma...

2015-02-16 09:07:22

阅读数:6423

评论数:16

CSS currentColor研究

刚刚写了篇《CSS变量试玩儿》,我们了解到可以使用原生的CSS来定义使用变量,简化CSS书写、优化代码的组织与维护,但可怕的兼容性问题,又让我们望而却步、一笑了之。 但是有这么一个CSS变量currentColor,兼容良好、功能强大,接下来我们来一探究竟。简介CSS里已经有一个长期存在的兼容性...

2015-02-12 16:35:09

阅读数:3444

评论数:11

CSS变量试玩儿

CSS很美妙,能够为您的页面穿上衣裳,各种各样五彩斑斓的衣裳,但是对于开发者来说,它又不够灵动,于是乎有了各种各样的预处理器Sass、LESS、Stylus,这些预处理器可以很大程度的提高CSS的灵活性,增强CSS的代码组织与维护。但是毕竟不是亲生的,然后负责CSS开发的那些大牛们坐不住了,开始给...

2015-02-12 10:24:38

阅读数:8522

评论数:33

CSS Counter Style试玩儿

2015年2月3日,CSS Counter Style level3成为了W3C的候选标准,是时候来一探究竟,看看强大魔力的@counter-style如何自定义list-style和counter。进来一坐,且听庆哥分解。

2015-02-08 07:53:54

阅读数:8357

评论数:28

纯CSS实现表单验证

ladies and 乡亲们,表单验证你在做吗?客户端or服务器端,javascript or jquery,动手写 or 使用插件,今天我们来探索下使用纯css实现表单验证,借以学习css selectors level 4中的表单相关的伪类选择器。

2015-02-07 17:10:12

阅读数:9681

评论数:50

段落文字彩条效果

程序媛and程序猿,兄弟姐妹们,大家周末好,我们今天来研读一下利用纯css实现段落文字的彩条效果。有朋友就说了,不就是css3的渐变吗,最多加上webkit内核的-webkit-background-clip,嗯,远不止哟,进来一坐了解详情……

2015-02-07 16:37:29

阅读数:3406

评论数:27

表单标签动画畅想

引言今天来看一组表单标签动画效果,希望可以对大家有所帮助,灵感来自于Inspiration for Text Input和Text Input Love,一并致谢。 15种效果等着您来赏识,不妨近来一坐。

2015-02-01 14:52:20

阅读数:6427

评论数:56

文字菜单动画畅想

本博之前曾经写过两篇博文《纯css3文字效果推荐》、《css3立体文字最佳实践》得到了大家的广泛关注,今天我们更进一步,研究一下文字菜单上可以做哪些动画,15种效果会不会有您喜欢的,来来来,不妨进来坐坐。

2015-01-30 06:34:57

阅读数:7608

评论数:30

纯css实现粒子效果

好久没有更新的CSS3演武场系列,半年前搁浅的一篇文章赋予新年新气象闪亮登场了,研究一下利用css(sass)实现粒子效果,主要使用box-shadow生成粒子,利用css3 animation和translateZ实现动画。

2015-01-09 12:49:57

阅读数:10115

评论数:23

SCSS loader effect

制作这个案例前,需要准备这些。 1.掌握scss的使用,当然不用也可以,使用scss会比较高效。 2.掌握利用css3的box-shadow、border、border-radius的实现绘图。 3.掌握css3的动画方法。 4.一些耐心、一些创意(创意可以让你更好) 5.学会解析案例,先看静态图。

2014-09-05 08:33:31

阅读数:5939

评论数:3

纯CSS实现超酷发送按钮

今天在Dribble闲逛,偶然间看到一个不错的发送完成效果,使用纯css实现了下,最终效果如下。

2014-08-05 20:52:40

阅读数:7924

评论数:10

提示
确定要删除当前文章?
取消 删除
关闭
关闭