通过CSS的样式来显示二级菜单，划过上面后显示二级菜单，点击后跳转到其他页面。

思路： transform: scale(1.2); 设定放大1.2倍 transition: transform 0.5s ease 0s; 设定变换时间为0.5s，平滑过度。

思路：利用position的层叠关系，将文字层放在图片的上面，display:none; hover的时候层 display：block。

1 、上三角 最终效果： CSS代码如下： 1 #triangle-up { 2 width : 0 ; 3 height : 0 ; 4 border-left : 50px solid transparent ; 5 border-right : 50px solid transparent ; 6 border-bottom : 100px solid red ; 7 } 2、下三角 最终效

漂浮的白云主要通过远景白云和近景白云来实现立体漂浮效果。远景和近景分别使用两张背景图片，通过改变其背景定位来实现白云移动效果，通过设置不同的动画持续时间来实现交错

颜色 英文代码 形象描述 十六进制 RGB LightPink 浅粉红 #FFB6C1 255,182,193 Pink 粉红 #FFC0CB 255,192,203 Crimson 猩红 #DC143C 220,20,60 LavenderBlush 脸红的淡紫色 #FFF0F5 255,240,245 PaleVioletRed 苍白的紫罗兰红

我们的目标是利用css来形成左右两栏布局，实现方法可以用传统形式，也可以用flex方法。 1）传统方式 混合浮动+普通流 父级：宽度固定 left:宽度固定。浮动起来 right:宽度和父级一样，

经常会在别人的项目中看到Normalize.css，为什么要用Normalize.css？ 有什么好处呢？我们来探究一下。 好处： Normalize.css 是一种CSS reset 的替代方案。经过@necolas和@jon_neal花了几百个小时来努

网站的设计是一门科学，如何避免让用户视觉疲劳，如何能更清楚的显示内容，因为了解了无衬字体和有衬字体，我们来看看各大网站都用了哪些字体吧。 苹果官网 SF Pro SC,SF Pro Text,

CSS实现水平垂直的方案有很多，transform是其中的一种方式，我们使用一个demo来看看效果。