随笔分类 -  css

图片卷边
摘要：鼠标移上去 卷角 思路 1 鼠标一上去 左上角出现一个 矩形 矩形先定好位置 2 处理一下看上去更像 加动画过渡 3 处理一下样式 把小矩形 背景色渐变 圆角 完美 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>图片卷边</ti 阅读全文

posted @ 2016-11-30 16:16 恐龙野兽 阅读(133) 评论(0) 推荐(0)

圆形进度
摘要：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> #startmengban { position: absolute; left: 0; top: 0; bottom: 0; r 阅读全文

posted @ 2016-11-22 17:43 恐龙野兽 阅读(142) 评论(0) 推荐(0)

十字架
摘要：效果图 阅读全文

posted @ 2016-11-22 17:39 恐龙野兽 阅读(110) 评论(0) 推荐(0)

三道杠
摘要： 阅读全文

posted @ 2016-11-22 17:18 恐龙野兽 阅读(113) 评论(0) 推荐(0)

margin 负值
摘要：在想完成这样的布局的时候，发现flex是最直接了当的 父元素 display:flex;子元素 flex:1; 排版的很漂亮；但是flex不兼容ie 就呵呵了 还是得通过margin:50px; 但是第四个也有margin-right 导致不居中；这个时候可以父元素 margin-right:-50 阅读全文

posted @ 2016-11-16 10:42 恐龙野兽 阅读(171) 评论(0) 推荐(0)

css顺序
摘要：昨天我在写页面的时候，有个坑，关于背景色和背景图 样子是这样的 然后分享的背景图没出来，开始怀疑人生了，还百度了背景色和背景图的层级关系，真丢人！捂脸~~~ 然后把背景色样式放在背景图之前就好了。 css的先后顺序也是超级重要的，一不小心就是坑。好吧，也有可能是我的经验不够，么么么 阅读全文

posted @ 2016-11-12 11:27 恐龙野兽 阅读(272) 评论(0) 推荐(0)

修改input默认样式
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalabl 阅读全文

posted @ 2016-11-07 11:19 恐龙野兽 阅读(276) 评论(0) 推荐(0)

导航