CSS 把 Footer 固定在页面底部

有些网站要求当内容不够时把底部固定，实现方法使用的是 Yii 框架自带的，提取出来作个记录基本 DOM 结构 <html> <body> <div id="wrap"> <header>Header</header> </div> <footer>Footer</footer> </body> </html> 底部标签 footer 放在主内容 <div id="wrap"> 外面， ...

2017-01-25

CSS3 笔记-动画效果

CSS3 知识匮乏，做个记录，感谢原作者效果一：360 度旋转，修改 rotate (旋转度数) * { transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; } *:hover { transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); } 效果二：放大，修改 scale ( ...

2015-07-06

CSS 背景图片铺满

想要把一张图片作为背景图，由于图片太大，总是不能完全显示，只能显示一部分，google 之，原来是 background-size 没设置好，做个记录。 body { background: url("bg.jpg") no-repeat; background-size: 100% 100%; } size 用 ...

2015-07-06

DIV 下图片自动按比例缩放

在固定 DIV 的宽和高后，DIV 里面的图片能够自动按比例进行缩放，并实现左右上下居中，图片大小不一定；一开始想到的是使用 javascript 解决。 img.onload = function() { //DIV 最大宽和 ...

2015-06-15