不断更新中 预览 这是一个正在完善的css文件,是对原生组件基于标签属性做了美化,对datepicker,select等无法用css实现的暂不考虑在本文内。 按钮 Button 初始按钮 <button>bu…
标签:css3
用React加CSS3实现微信拆红包动画
微信红包曾经引爆过一系列的营销热潮,相信大家对于这种红包形式并不陌生,这里本着娱乐至上的精神用React简单地实现了拆红包的动画效果,供大家一起交流学习 项目源码地址:https://github.com/lionroc…
FE.FW-AngularJS 1.x 实现进销存系统感悟与反思
背景 作为单页大型应用的mv*框架AngularJS爱好者的我,不实现个大型web应用练练手怎么赶说自己熟练ng,于是尝试实现了大部分erp的进销存功能。本文主要对实现业务需求中遇到的问题以及解决方案进行阐述。不确保对其…
GitBook《拥抱未来的CSS布局方式:flex与grid布局》全教程
GitBook《拥抱未来的CSS布局方式:flex与grid布局》全教程 本书(系列文章)为对CSS中flex布局与grid布局的详细介绍,已在GitHub同步更新,如您在阅读过程中发现描述有误或错别字的情况,您可以向本…
少量JQuery+CSS3代码实现轮播器 (初次写文章,思路,文笔都不足,轻喷)
1.前言,看过很多的轮播器代码;但是心中,老想着有没有简单的办法来实现同样的效果。搜到这个(下方链接),眼前一亮,便动手实践改进。主要工作,还是对文章第一段提出的“如果中间间隔有图片,那么在css3动画的执行过程中还是会…
使用 SVG 中 vector-effect 属性来解决边框(stroke)缩放问题
这是我的一个关于SVG的应用的技术分享网站svgtrick.com,会同步一些文章到这里来,更多关于SVG技术应用可以去网站看看。 这篇文章来看看在SVG中SVGTiny12中vector-effect这个属性以及使用它…
css3中user-select的用法详解
css3中user-select的用法详解 user-select属性是css3新增的属性,用于设置用户是否能够选中文本。可用于除替换元素外的所有元素,以下是user-select的主要用法和注意事项的说明,更多信息可参…
css创建优雅自然的打开动画
前言 Google Material Design花了很大篇幅介绍了优雅自然的动画应该具备哪些特性。不仅仅是视觉上的观感,还能帮助提高用户界面的可用性,提升用户体验。官方文档讲的很细致,有很多典型视频示例,可惜缺少代码示…
仿照锤子科技官网的banner 3d效果
以前看到锤子科技官网的banner效果挺好玩的,一直没有研究;今天看到饥人谷,使用jquery给出了一种实现方式;我自己用原生js也实现了一遍。大致原理相同,但算法不同。 饥人谷源码地址:http://js.jireng…
H5打造3d场景不完全攻略(二): Amazing CSS3D
前言 对的,本文就是着重介绍如何使用CSS3中的3D变换打造出H5中的3D效果。灵感来源于造物节团队的3d引擎,因为使用方法比较复杂,也没有开源的API文档,于是想自己另外造个轮子,便开始了相关内容的学习和实践。众所周知…
HTML5+CSS3整体回顾
转载请声明 原文链接 这篇文章主要总结H5的一些新增的功能以及一些基础归纳,并不是很详细,后面会一直完善补充新的内容,本文是一些笔记记录,放在这里供自己参考也供他人学习! 第一课 HTML5结构 HTML5 是新一代的 …
CSS 实现 1px 以内的移动
之前的文章说过关于行内元素垂直方向对齐的方案。感兴趣的可以看我的往期文章。在上一篇文章里我们提到了 1px 内的移动问题。本文就一像素内的问题给出解决方案。 可能大家看过关于 Retina 屏幕的一像素边框问题,注意这里…