前端教程

首页>前端教程

CSS3第十四课:box-sizing、outline-offset、resize用户界面几个特性介绍

CSS3中,新增了如下的user interface(用户界面)特性:但是,除了box-sizing,outline-offset,resize的支持度不错之外,其他几个特性浏览器全部不支持。曾经早期的Opera还支持,自从被Chrome收编之后,也都不支持了。所以,这篇文章只谈被浏览器支持的三个特...

kalendae.js强大的可以多选日期的日历纯js插件

最近做一个小项目,需要用到多选日期,筛选了好一番,最终还是觉得kalendae.js这个不依赖jQuery的插件挺好用的。具体效果可以点开demo查看:华信智原教师签课时系统页面这个插件不仅可以多选日期,还可以选择某个范围,还可以按周来选,纯js代码,不依赖任何框架,兼容性好,值得推荐。有需要的朋友...

ps调色的混合匹配法,俗称红外线调色法,色感不好的童鞋有救了!

李涛老师的混合匹配法,俗称叫红外线调色法,对于色调感觉不太好的人来说,可以快速发现图片合成的过程中,物体之间色调的协调性是否和谐。图片合成的过程中,因为素材的光源不同,导致色温色调不一样,用色彩平衡可以改变色调,但是到底调的合不合适,有没有调过分,靠肉眼感觉不出来,就可以利用红外线的原理来帮我们判断...

checkbox复选框样式美化的问题

复选框,单选框都不好直接用css样式美化,总得用点奇思妙想才行。如果只考虑谷歌内核的浏览器的话,那么用appearance属性可以搞定大部分表单控件的样式。关键是这个appearance属性IE不支持,这就逼得大家另想办法了。利用label挂钩checkbox的特点来实现。当html代码中,labe...

select下拉菜单的兼容性问题,支持IE10以上的方法

对于表单控件的样式修改一直是个老大难的问题,如果不做大手术,还是很好兼容IE10和谷歌等现代浏览器的。有两种常规方法。第一种:直接干掉select旁边的小箭头,用图片或者border绘制三角形代替。chrome下面需要利用谷歌的私有属性-webkit-appearance完成。这个appearanc...

linear-gradient线性渐变的兼容性问题,有神器!

兼容性问题一直是让前端工程师脱发的主要罪魁祸首,所以,利用一些神器工具可以挽救你的发际线。先来一个兼容性全包括的代码片段,这是IE9不支持圆角的全系列:.gradient{ background: #d91915; /* Old browsers ...

CSS3第十三课: steps animation逐帧动画,你不应该错过的最详篇!

animation动画除了可以实现补间动画外,还可以完成逐帧动画。在animation的属性中,有个属性animation-timing-function一共具有如下这些值,来自于MDN。/* Keyword values */ animation-timing-fu...

CSS3第十二课:强大的多时间段animation动画!

animation动画与transition过渡动画有两个明显的区别:1、transition过渡动画只能执行一个时间段的动画,从初始到结束。而且必须有事件触发,比如hover事件,或者添加了新的class属性等。2、animation动画可以分时间段执行,比如第一个时间段执行一段动画,第二个时间段...

使用 adobe color CC的三板斧配色技巧,你也可以快速配色!

在学习配色之前,至少应该搞明白了12色环的基础知识,掌握了色相、纯度、明度三个要素之间的关系,这样配色的时候才能明白千变万化的色彩之间的关系。自己选色配色是个很高级的活儿,不过今天有adobe爸爸替我们干了一件大事,利用adobe color CC在线配色网站的几种配色方法,你也可以轻松get到这几...

利用通道和中性灰给人物磨皮,真的可以大变活人!

磨皮的手法很多,普通的就是高斯模糊结合蒙版,还有双曲线和中性灰,但是我认为最最厉害的还是通道磨皮,一点不损伤肌肤质感,可以立刻肤白貌美哦。皮肤上面的痘痘,暗疮,痘印,斑点一般都让皮肤暗沉,所以只需要把暗沉的地方调亮调白就可以了。按照这个思路,只需要找出皮肤上面暗部的像素即可。举例子:1、打开原图,人...

ps巧用中性灰的方式让脸部皮肤年轻五岁!

关于什么是中性灰,在上一篇“高反差保留”的文章中已经介绍过了,那么再来看看利用中性灰如何修饰人物。用污点画笔等工具只能对人物进行初修,但是要改变人物脸部的轮廓或者黑眼圈等,用普通的修复画笔就有点难了,还是需要掌握一些不破坏人物肌理的方法。先看看原图如下:1、利用污点修复画笔或者修复画笔等工具可以完成...

ps巧用“高反差保留”完成图片最后的锐化效果!

在图片处理最后,都会做一次轮廓的锐化,让对象的边缘看起来更清晰。除了ps滤镜里面专门的锐化之外,简单的边缘锐化我更喜欢用“高反差保留”,因为简单好用。“高反差保留”利用了中性灰的概念。先看什么是中性灰,就是50%的灰度,任何颜色只要饱和度为0,明度为50%,就是中性灰。而图层模式里面“叠加、柔光”这...
Top