不自重者,取辱。不自长者,取祸。不自满者,受益。不自足者,博闻。
【css3ps】一个神奇的ps插件 进入全屏
line

这是一个神奇的东西:css3ps,一个可以将ps特效转换为css3代码的ps插件!


官网:http://css3ps.com

效果却是超赞!下面是一段通过css3ps自动生成的代码:

html:

<div class="Style0"></div>

css:

.Style0{
    width: 92px;
    height: 66px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #ff008a;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.75), inset 0 33px rgba(255,255,255,.21), inset 0 0 17px rgba(255,255,190,.41);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,.75), inset 0 33px rgba(255,255,255,.21), inset 0 0 17px rgba(255,255,190,.41);
    box-shadow: 1px 1px 3px rgba(0,0,0,.75), inset 0 33px rgba(255,255,255,.21), inset 0 0 17px rgba(255,255,190,.41);
    border: solid 1px #ff5337;
    background-image: -webkit-linear-gradient(bottom, rgba(222,0,120,.74), rgba(255,150,0,.74));
    background-image: -moz-linear-gradient(bottom, rgba(222,0,120,.74), rgba(255,150,0,.74));
    background-image: -o-linear-gradient(bottom, rgba(222,0,120,.74), rgba(255,150,0,.74));
    background-image: -ms-linear-gradient(bottom, rgba(222,0,120,.74), rgba(255,150,0,.74));
    background-image: linear-gradient(to top, rgba(222,0,120,.74), rgba(255,150,0,.74));
}

效果就不贴图了!

趣店(原趣分期)技术学院
重点关注技术架构、服务化、优秀工具、自动化平台、开发全流程一体化解决方案、新人培养、工程师进阶之道等方面
这里环境优雅、氛围年轻、主要是福利还多,还等什么?我们敞开技术的大门,欢迎各种工程师加入!

评论区域

line