家园3,卧槽，热泪盈眶
众筹玩家不仅可就游戏体验及功能设计提出建议（需认筹至少50美元），甚至还能决定游戏收藏...
2019-09-01
生猛大蝦
给div来个酷炫的四角边框—linear-gradient
|
1 2 3 4 5 6 7 8 9 10 11 12 |
.border1 { background: linear-gradient(to left, rgba(51, 51, 51, 1), rgba(51, 51, 51, 1)) left top no-repeat, linear-gradient(to bottom, rgba(51, 51, 51, 1), rgba(51, 51, 51, 1)) left top no-repeat, linear-gradient(to left, rgba(51, 51, 51, 1), rgba(51, 51, 51, 1)) right top no-repeat, linear-gradient(to bottom, rgba(51, 51, 51, 1), rgba(51, 51, 51, 1)) right top no-repeat, linear-gradient(to left, rgba(51, 51, 51, 1), rgba(51, 51, 51, 1)) left bottom no-repeat, linear-gradient(to bottom, rgba(51, 51, 51, 1), rgba(51, 51, 51, 1)) left bottom no-repeat, linear-gradient(to left, rgba(51, 51, 51, 1), rgba(51, 51, 51, 1)) right bottom no-repeat, linear-gradient(to left, rgba(51, 51, 51, 1), rgba(51, 51, 51, 1)) right bottom no-repeat; /*设置大小*/ background-size: 0.15rem 0.6rem, 0.6rem 0.15rem, 0.15rem 0.6rem, 0.6rem 0.15rem; } |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
.border2 { margin: 300px auto; width: 200px; height: 100px; background: linear-gradient(blue, blue) left top, linear-gradient(blue, blue) left top, linear-gradient(blue, blue) right top, linear-gradient(blue, blue) right top, linear-gradient(blue, blue) left bottom, linear-gradient(blue, blue) left bottom, linear-gradient(blue, blue) right bottom, linear-gradient(blue, blue) right bottom; background-repeat: no-repeat; background-size: 1px 24px, 24px 1px; } |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
.card{ background: radial-gradient(circle at center center, rgba(23, 48, 78, 1), rgba(20, 37, 63, 1)), linear-gradient(rgba(179,224,255,0.62), rgba(179,224,255,0.62)) left top, linear-gradient(rgba(179,224,255,0.62), rgba(179,224,255,0.62)) left top, linear-gradient(rgba(179,224,255,0.62), rgba(179,224,255,0.62)) right top, linear-gradient(rgba(179,224,255,0.62), rgba(179,224,255,0.62)) right top, linear-gradient(rgba(179,224,255,0.62), rgba(179,224,255,0.62)) left bottom, linear-gradient(rgba(179,224,255,0.62), rgba(179,224,255,0.62)) left bottom, linear-gradient(rgba(179,224,255,0.62), rgba(179,224,255,0.62)) right bottom, linear-gradient(rgba(179,224,255,0.62), rgba(179,224,255,0.62)) right bottom, linear-gradient(rgba(56, 144, 184, 0.60), rgba(56, 144, 184, 0.60)) top, linear-gradient(rgba(26, 87, 130, 0.60), rgba(26, 87, 130, 0.60)) bottom, linear-gradient(rgba(56, 144, 184, 0.60), rgba(219, 240, 255, 0.80), rgba(26, 87, 130, 0.60)) left, linear-gradient(rgba(56, 144, 184, 0.60), rgba(219, 240, 255, 0.80), rgba(26, 87, 130, 0.60)) right; background-repeat: no-repeat; background-position: 1px 1px, 0px 0px, 0px 0px, 0px 100%, 0px 100%, 100% 0px, 100% 0px, 100% 100%, 100% 100%, 0px 0px, 0px 100%, 0px 100%, 100% 100%; background-size: calc(100% - 2px) calc(100% - 2px), 1px 10px, 10px 1px, 1px 10px, 10px 1px, 1px 10px, 10px 1px, 1px 10px, 10px 1px, 100% 1px, 100% 1px, 1px 100%, 1px 100%; } |
2019-05-29
bootstrap4 真棒棒，flex布局炸裂～导航栏右对齐太方便了！
通过 Bootstrap4 的 Flex 布局可以很容易地将导航栏右侧对齐，只需要在包含导航栏的 加...
2019-05-26
网站设置 https 后，再使用 cloudflare 设置 CDN 导致“重定向次数过多”
今天突然发现囧客圈无法访问了，浏览器提示“重定向次数过多” 多番搜索之后才发现原来是我...
2019-05-23
笨办法解决 Sublime 包管理 Package Control 报错 There Are No Packages Available For Installation 的问题
目前我碰到的问题是无法加载 https://packagecontrol.io/channel_v3.json 使用了网上找到的...
2019-05-23