生活要有激情的博客

clip中文为裁剪的意思，为了明显展示三个属性padding-box,border-box,content-box的区别，下面的代码中加上20px的内边距。1.padding-boxdiv{ width: 150px; height: 150px; border: 20px solid rgba(0,0,0,0.2);

1.效果预览 2.实现思路 (1)首先整个效果由两部分组成，即两个div，底部为容器，蓝色部分为其子元素 (2)通过position：absolute将tooltip定位于灰色区域的顶部 (3)使用transform: translateY()和transition属性实现平移的过渡动画效果 (4)初始时，将tooltip的opacity属性设置为0，即全透明3.代码 (1)wrap

1.效果预览 2.CSS代码 @import url(http://fonts.useso.com/css?family=Source+Sans+Pro:200,300); *{ padding: 0; margin: 0; font-weight: 300; }body ::-webkit-input-placeholder { /* WebKit br