HTML5开发项目开发实战-幽灵按钮,极客学院,IT与互联网,产品设计,iwen,加入极客学院技术交流群366169462
课程背景:
说透明按钮是“幽灵”并没有错,“薄”和“透”是这种设计的最大特色。不设底色不加纹理,按钮仅有一层薄薄的线框标明边界,确保了它作为按钮的功能性,又达成了“纤薄”的视觉美感。置于按钮之后的背景往往相对素雅,或加以纯色,或高斯模糊,或色调沉郁,这使得即使有按钮也不影响观看全图,背景得以呈现又不影响按钮的视觉表达,双方相互映衬而达成微妙的平衡。
核心内容:
1.transform
2.transition
3.box-sizing
4.border-radius
软件环境:WebStrom 适用人群:具有HTML基础的开发者