前言 Google Material Design花了很大篇幅介绍了优雅自然的动画应该具备哪些特性。不仅仅是视觉上的观感,还能帮助提高用户界面的可用性,提升用户体验。官方文档讲的很细致,有很多典型视频示例,可惜缺少代码示…
标签:css3
CSS3 Transition, transform 和 animation 引见
CSS3 供应了transition 过渡、transform 变更和animation 动画来完成页面中的一些款式转化,这篇文章会对这几个属性做简朴的引见,然后比较一下 CSS3 动画和 JS 动画哪一个机能更好。 T…
sticker-footer 布局
sticker-footer 1、嵌套层级不深,可直接继承自 body width:100%; height:100%; // html <body> <div id="sticker"> <…
## CSS 的黑科技
原文来自:https://jellybool.com/post/css-that-you-may-not-know 补充篇在这里 http://segmentfault.com/a/1190000003029085 昨天…
Web 开发学习笔记(6) --- 前端开发之 HTML5
前言 通过之前的文章, 我们已经搭好了 webapp 的雏形, 不过到目前为止, 我们的前端界面比较简单, 为此, 我们要学习前端的知识, 然后对界面进行改进. 前端的内容可以分为 HTML CSS JavaScript…
花样形状 -- CSS
只使用一个html元素绘制图形,部分图形需要浏览器支持 正方形 Square #square { width: 100px; height: 100px; background: dodgerblue; } 长方形 Re…
前端面试题(中)
来自妙味的一套面试题,以下答案来自JS讲师的现场上课纪录! 一、挑选题 1、剖析下段代码输出效果是( B ) var arr = [2,3,4,5,6]; var sum =0; for(var i=1;i < a…
CSS3笔记
HTML隐藏 display:none; 表单 type=”hidden” 宽高设为0 height:0;width:0; 祖先元素隐藏或在页面外 margin Visibility:hidden; Opacity…
校招进行时(四)---css基础
恩,小菜鸟又来了,上篇文章在这,话不多说,这次罗列总结一下css基础知识,和我一样的菜鸟可以看看。 引入方式 css的引入方式主要有以下几种: 外部样式表 通过在head标签中加入link标签来引入外部样式表,因为其良好…
如何使用CSS创建巧妙的动画提示框
原文:https://webdesign.tutsplus.co…原作:Jase Smith翻译:Stypstive 当你的用户需要漂亮的图标给出额外的文字信息时,亦或是当他们在点击了按钮之后需要确认自己没点…
制造图片倾斜(tilt)结果
原文来自: http://tympanus.net/codrops/2015/05/28/image-tilt-effect/ 所谓的倾斜结果,我也不知怎样用言语形貌,那就直接看Demo啦,下面我们会对这个结果的完成道理…
前端系列——小顺序开辟记录片
提要 因为公司的营业需求,本想岁尾偷个懒,然则开辟小顺序的使命袭来。 第一次开辟这玩意,纪录一些须要注重的点,今后再次开辟时能够疾速处理。 假如你是新手,引荐你先看官方文档,假如你在开辟小顺序过程当中碰到一些不懂的处所,…