CSS
关注
分享
扫一扫
文章平均质量分 52
蒙德伊彼
领域驱动设计实践，业务架构&服务治理，团队合作效率提升等课题研究。
展开
-
用HTML和CSS制作现流行的UI Placeholder
前言最近在使用facebook, instagram等主流应用经常看到的，即加载内容时的UI placeholer.(骨架设计)可以给用户一种页面加载速度提升的错觉。如果如图所示。制作步骤步骤1ui-placeholder的容器设计，效果如图所示HTML CSS.placeholder-item { background:原创 2017-09-27 12:34:10 · 618 阅读 · 0 评论 -
CSS动画效果入门
简介只用CSS3实现动画效果。基本代码定义一个动画对象定义基本样式#box{ width:100px; height:100px; background-color:blue;}通过以上代码定义一个蓝色四边形。改变动画颜色 #box{ width:100px; heigh原创 2017-09-29 23:44:17 · 308 阅读 · 0 评论 -
CSS设计规则BEM快速入门手册
关于BEMBEM是Block Element Modifier缩写, BEM通过以下3个维度来进行CSS设计及命名的.Block 代码里大括号Element 大括号里的元素Modifier 标记上述2个的状态目标BEM中特别以MindBEMding命名规则为基础使用SCSS通过基本的简单类来设计CSSS与HTML完美分离命名规则类block__elemen原创 2017-11-13 23:10:30 · 1251 阅读 · 1 评论 -
纯css样式按钮
简介本文主要介绍如何用css定制一个简单的按钮组成部分html按钮代码无操作时按钮样式鼠标经过时按钮样式鼠标点击时按钮样式html发送无操作时按钮样式 .contact_button { display: block; background: #aacf53; /* 绿色 */原创 2017-12-15 15:53:38 · 817 阅读 · 0 评论