在上面叠加一层div，大小完全覆盖
核心样式 background:linear-gradient(rgba(0,0,0,1), rgba(00,0,0), rgba(0,0,0,1));
<style>
.box{background:#000;color:#fff;height:400px;width:100%;position:relative;}
.mask {
height: 400px;
width:100%;
position:absolute;
left:0;
top:0;
background: linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0), rgba(0,0,0,1));
}
</style>
<div class=box>
11111111<br>
11111<br>
11111<br>
11111<br>
11111<br>
1111111111<br>
11111<br>
1111111111<br>
11111<br>
1111111111<br>
11111<br>
1111111111<br>
11111<br>
1111111111<br>
11111<br>
11111<br>
11111
<div class="mask"></div>
</div>
background: linear-gradient(
to right,
rgba(0,0,0,0) 0%,
rgba(0,0,0,0) 10%,
rgba(35,198,200,0.3) 20%,
rgba(35,198,200,0.4) 30%,
rgba(35,198,200,0.5) 40%,
rgba(35,198,200,0.8) 50%,
rgba(35,198,200,0.5) 60%,
rgba(35,198,200,0.4) 70%,
rgba(35,198,200,0.3) 80%,
rgba(0,0,0,0) 90%,
rgba(0,0,0,0) 100%)
}
- 其他相关推荐
- 学会了这些技术，你离BAT大厂不远了
- 每一个程序员都有一个梦想，梦想着能够进入阿里、腾讯、字节跳动、百度等一线互联网公司，由于身边的环境等原因，不知道 BAT 等一线互联网公司使用哪些技术？或者该如何去学习这些技术？或者我该去哪些获取这些技术资料？没关系，平头哥一站式服务，上面统统不是问题。平头哥整理了 BAT 等一线大厂的必备技能，并且帮你准备了对应的资料。对于整理出来的技术，如果你掌握的不牢固，那就赶快巩固，如果你还没有涉及，现在...
- 记一道字节跳动的算法面试题
- 点击蓝色“五分钟学算法”关注我哟加个“星标”，天天中午 12:15，一起学算法作者 | 帅地来源公众号 | 苦逼的码农前几天有个朋友去面试字节跳动，面试官问了他一道链表相...
- 程序员真是太太太太太有趣了！！！
- 网络上虽然已经有了很多关于程序员的话题，但大部分人对这个群体还是很陌生。我们在谈论程序员的时候，究竟该聊些什么呢？各位程序员大佬们，请让我听到你们的声音！不管你是前端开发...
- 史上最详细的IDEA优雅整合Maven+SSM框架（详细思路+附带源码）
- 网上很多整合SSM博客文章并不能让初探ssm的同学思路完全的清晰，可以试着关掉整合教程，摇两下头骨，哈一大口气，就在万事具备的时候，开整，这个时候你可能思路全无 ~中招了咩~ ，还有一些同学依旧在使用eclipse或者Myeclipse开发，我想对这些朋友说IDEA 的编译速度很快，人生苦短，来不及解释了，直接上手idea吧。这篇文章每一步搭建过程都测试过了，应该不会有什么差错。本文章还有个比较优秀的特点，就是idea的使用，基本上关于idea的操作都算是比较详细的，所以不用太担心不会撸idea！最后，本文
- Python爬取淘宝商品信息
- 各位同学们，好久没写原创技术文章了，最近有些忙，所以进度很慢。 警告：本教程仅用作学习交流，请勿用作商业盈利，违者后果自负！如本文有侵犯任何组织集团公司的隐私或利益，请告知联系猪哥删除！！！ 一、淘宝登录复习 前面我们已经介绍过了如何使用requests库登录淘宝，收到了很多同学的反馈和提问，猪哥感到很欣慰，同时对那些没有及时回复的同学说声抱歉！ 顺便再提一下这个登录功能，代码是完全没有问题。...
- 全球最厉害的 14 位程序员！
- 来源 | ITWorld 整理自网络全球最厉害的 14 位程序员是谁？今天就让我们一起来了解一下吧，排名不分先后。01. Jon Skeet个人名望：程序技术问答网站 S...
- 从入门到精通，Java学习路线导航
- 引言 最近也有很多人来向我"请教"，他们大都是一些刚入门的新手，还不了解这个行业，也不知道从何学起，开始的时候非常迷茫，实在是每天回复很多人也很麻烦，所以在这里统一作个回复吧。 Java学习路线 当然，这里我只是说Java学习路线，因为自己就是学Java的，对Java理当很熟悉，对于其它方面，我也不是很了解。 基础阶段 首先是基础阶段，在基础阶段，我们必须掌握Java基础，Mysql数据库，Ora...
- 我花了一夜用数据结构给女朋友写个H5走迷宫游戏
- 起因 又到深夜了，我按照以往在csdn和公众号写着数据结构！这占用了我大量的时间！我的超越妹妹严重缺乏陪伴而 怨气满满！ 而女朋友时常埋怨，认为数据结构这么抽象难懂的东西没啥作用，常会问道：天天写这玩意，有啥作用。而我答道：能干事情多了，比如写个迷宫小游戏啥的！ 当我码完字准备睡觉时：写不好别睡觉！ 分析 如果用数据结构与算法造出东西来呢？ ...
- 盘点那些被AI换脸、一键“脱”衣所滥用的AI模型
- 上周作者发布了一篇有关AI换脸的教程，不过令笔者始料未及的是一石激起千层浪，竟然有不少网友留言求所谓一键“脱”衣的教程。 虽然笔者对于技术的滥用深恶痛绝，但技术本身是中性的，并无好坏之分，从我上篇博文中也能看到“AI换脸”的门槛越来越低，目前其应用已经发展到几乎是随便什么人有个教程就能操作的地步了，所以想阻止这些滥用的技术，单靠封杀是不起了什么作用的，所以本文就回归...
- 五分钟小知识：为什么说 ++i 的效率比 i++ 高？
- 点击蓝色“五分钟学算法”关注我哟加个“星标”，天天中午 12:15，一起学算法作者 | 守望先生来源 | 编程珠玑前言不知道你是否听说过 ++i 比 i++ 快的说法，真...
- 接班马云的为何是张勇？
- 上海人、职业经理人、CFO 背景，集齐马云三大不喜欢的张勇怎么就成了阿里接班人？ 作者|王琳 本文经授权转载自燃财经（ID:rancaijing） 9月10日，张勇转正了，他由阿里巴巴董事局候任主席正式成为阿里巴巴董事局主席，这也意味着阿里巴巴将正式开启“逍遥子时代”。 从2015年接任CEO开始，张勇已经将阿里巴巴股价拉升了超过200%。但和马云强大的个人光环比，张勇显得尤其...
- 什么是大公司病（太形象了）
- 点击蓝色“五分钟学算法”关注我哟加个“星标”，天天中午 12:15，一起学算法作者 | 南之鱼来源 | 芝麻观点（chinamkt）所谓大企业病，一般都具有机构臃肿、多重...
- 让程序员崩溃的瞬间（非程序员勿入）
- 今天给大家带来点快乐，程序员才能看懂。 来源：https://zhuanlan.zhihu.com/p/47066521 1. 公司实习生找 Bug 2.在调试时，将断点设置在错误的位置 3.当我有一个很棒的调试想法时 4.偶然间看到自己多年前写的代码 5.当我第一次启动我的单元测试时 ...
- 工厂模式，从第三方登录说起
- 现在的很多平台在登陆的时候，下面都会有一排选项，可以选择微信、QQ、微博账号等登陆，这些账号对平台来说都是第三方账号。第三方账号登陆是最近几年流行起来的，第三方账号登录一般都是基于OAuth2.0协议开发的。如果你不了解OAuth2.0协议，可以自行百度，也许会对你看这篇文章有所帮助。 现在由于公司要给平台引入流量，为了降低注册门槛，让更多的人来使用你们的平台，领导决定在你们的平台上接入第三方账号...
- 如何在Windows中开启"上帝模式"
- 原文链接 : https://mp.weixin.qq.com/s?__biz=MzIwMjE1MjMyMw==&mid=2650202982&idx=1&sn=2c6c609ce06db1cee81abf2ba797be1b&chksm=8ee1438ab996ca9c2d0cd0f76426e92faa835beef20ae21b537c0867ec2773be...
- 什么是“中台”？
- “中台”这个概念，越来越多的在各种技术大会上提及，各大技术公司，纷纷推出自己的“中台”方案，究竟什么是“中台”？他和“前台”、“后台”有何区别？《》，这是我的朋友、前同事...
- 为什么面向对象糟透了？
- 又是周末，编程语言“三巨头”Java, Lisp 和C语言在Hello World咖啡馆聚会。服务员送来咖啡的同时还带来了一张今天的报纸， 三人寒暄了几句， C语言翻开了...
- 分享靠写代码赚钱的一些门路
- 作者 mezod，译者 josephchang10如今，通过自己的代码去赚钱变得越来越简单，不过对很多人来说依然还是很难，因为他们不知道有哪些门路。今天给大家分享一个精彩...
- 失业42天，我废了
- 作者：子彧师兄https://www.jianshu.com/p/62590c1339f12019.6.5这天下午，公司以资金困难，亏损较大为理由将我们整个技术部裁掉，我...
- 技术人员要拿百万年薪，必须要经历这9个段位
- 很多人都问，技术人员如何成长，每个阶段又是怎样的，如何才能走出当前的迷茫，实现自我的突破。所以我结合我自己10多年的从业经验，总结了技术人员成长的9个段位，希望对大家的职...
- 顶级产品经理是如何利用王者荣耀，3步毁掉你的自律。
- 【老王提示】：本文共 2384 字数，预计阅读时间为 8 Minute。 前言 当今时代，王者荣耀可谓无人不知无人不晓，该产品为其行业巨头，而其产品使用者年龄小则十几岁，大则近百岁。 这个现象极为恐怖，甚至有些心酸，本是正处于青春阳光成长中的孩子，应该围绕着学习才对，而不是花费大量时间在娱乐上。不仅是小学生，只要处于...
- nginx学习，看这一篇就够了：下载、安装。使用：正向代理、反向代理、负载均衡。常用命令和配置文件
- 文章目录前言一、nginx简介1. 什么是 nginx 和可以做什么事情2.Nginx 作为 web 服务器3. 正向代理4. 反向代理5. 动静分离6.动静分离二、Nginx 的安装三、 Nginx 的常用命令和配置文件四、 Nginx 配置实例 1 反向代理五、 Nginx 配置实例 2 负载均衡六、 Nginx 配置实例 3 动静分离七、 Nginx 的高可用集群 前言 一、nginx简介...
- 动画：用动画给面试官解释 TCP 三次握手过程
- 作者 | 小鹿 来源 | 公众号：小鹿动画学编程 写在前边 TCP 三次握手过程对于面试是必考的一个，所以不但要掌握 TCP 整个握手的过程，其中有些小细节也更受到面试官的青睐。 对于这部分掌握以及 TCP 的四次挥手，小鹿将会以动画的形式呈现给每个人，这样将复杂的知识简单化，理解起来也容易了很多，尤其对于一个初学者来说。 学习导图 一、TCP 是什么？ TCP（Transmissio...
- JAVA实现商品信息管理系统
- 任务与实现 超市商品管理系统 题目要求 超市中商品分为四类，分别是食品、化妆品、日用品和饮料。每种商品都包含商品名称、价格、库存量和生产厂家、品牌等信息。 主要完成对商品的销售、统计和简单管理。 这个题目相对简单，可以用一张表实现信息的保存和处理，因此不再给出数据库设计参考。 功能要求 （1）销售功能。购买商品时，先输入类别，然后输入商品名称，并在库存中查找该商品的相关信息。如果有库存量，输入购买...
- 500行代码，教你用python写个微信飞机大战
- 这几天在重温微信小游戏的飞机大战，玩着玩着就在思考人生了，这飞机大战怎么就可以做的那么好，操作简单，简单上手。 帮助蹲厕族、YP族、饭圈女孩在无聊之余可以有一样东西让他们振作起来！让他们的左手 / 右手有节奏有韵律的朝着同一个方向来回移动起来！ 这是史诗级的发明，是浓墨重彩的一笔，是…… 在一阵抽搐后，我结束了游戏，瞬时觉得一切都索然无味，正在我进入贤者模式时，突然想到，如果我可以让更多人已不同的方式体会到这种美轮美奂的感觉岂不美哉？ 所以我打开电脑，创建了一个 `plan_game.py`……
- 2019诺贝尔经济学奖得主：贫穷的本质是什么？
- 2019年诺贝尔经济学奖，颁给了来自麻省理工学院的 阿巴希·巴纳吉（Abhijit Vinayak Banerjee）、艾丝特·杜芙若（Esther Duflo）夫妇和哈...
- linux：最常见的linux命令（centOS 7.6）
- 最常见，最频繁使用的20个基础命令如下： 皮一下，这都是干货偶，大佬轻喷 一、linux关机命令： 1.shutdown命令安全地将系统关机（推荐）参数说明: [-r] 重启计算器。 [-h] 关机后关闭电源〔halt〕。 [-c] cancel current process取消目前正在执行的关机程序。 [-time] 设定关机〔shutdown〕前的时间。 shutdown -h now ...
- 只因写了一段爬虫，公司200多人被抓！
- “一个程序员写了个爬虫程序，整个公司200多人被端了。” “不可能吧！” 刚从朋友听到这个消息的时候，我有点不太相信，做为一名程序员来讲，谁还没有写过几段爬虫呢？只因写爬虫程序就被端有点夸张了吧。 朋友说，消息很确认并且已经进入审判阶段了。 01.对消息进一步确认 朋友认识几个律师朋友，和他们有一些业务来往，得知他们想尝试把业务扩展到程序员这个群体。那段时间我刚好离职也有时间，在朋友...
- 别在学习框架了，那些让你起飞的计算机基础知识。
- 我之前里的文章，写的大部分都是与计算机基础知识相关的，这些基础知识，就像我们的内功，如果在未来想要走的更远，这些内功是必须要修炼的。框架千变万化，而这些通用的底层知识，却是几乎不变的，了解了这些知识，可以帮助我们更快着学习一门知识，更加懂得计算机的运行机制。当然，在面试中也经常会被问到，特别是对于应届生，对于春秋招，也可以看看我前阵子写过的文章历经两个月，我的秋招之路结束了！。也有读者经常问的计算...
- java学习路线导航【教学视频+博客+书籍整理】
- 在博主认为，学习java的最佳学习方法莫过于视频+博客+书籍+总结，前三者博主将淋漓尽致地挥毫于这篇博客文章中，至于总结在于个人，博主将为各位保驾护航，各位赶紧冲鸭！！！上天是公平的，只要不辜负时间，时间自然不会辜负你。 Java基础教学视频 Java零基础教程视频（适合Java 0基础，Java初学入门）【推荐】 JavaSE进阶入门项目实战视频教程_动力节点【推荐】 毕向东Java基础视频教程...
- 五款高效率黑科技神器工具，炸裂好用，省时间
- loonggg读完需要4分钟速读仅需2分钟感觉我好久好久没有给大家分享高质量的软件和插件了。今天周末，难得在家休息一下，痛下决心，分享一些我认为的高效率工具软件给大家。废...
- 程序员必须掌握的核心算法有哪些？
- 由于我之前一直强调数据结构以及算法学习的重要性，所以就有一些读者经常问我，数据结构与算法应该要学习到哪个程度呢？，说实话，这个问题我不知道要怎么回答你，主要取决于你想学习到哪些程度，不过针对这个问题，我稍微总结一下我学过的算法知识点，以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的，并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构，当然，我也会整理一些看过...
- SQL基本语法入门 看这里就够了
- SQL执行顺序 第一步：执行FROM 第二步：WHERE条件过滤 第三步：GROUP BY 分组 第四步：执行SELECT 投影列 第五步：HAVING条件过滤 第六步：执行ORDER BY排序 一、创建、删除库 -- 创建新数据库 CREATE DATABASE 数据库名; -- 删除数据库 DROP DATABASE 数据库名; 二、增加 1、添加列名、设置主键、设...
- 如何优化MySQL千万级大表，我写了6000字的解读
- 这是学习笔记的第2138篇文章 千万级大表如何优化，这是一个很有技术含量的问题，通常我们的直觉思维都会跳转到拆分或者数据分区，在此我想做一些补充和梳理，想和大家做一些这方面的经验总结，也欢迎大家提出建议。 从一开始脑海里开始也是火光四现，到不断的自我批评，后来也参考了一些团队的经验，我整理了下面的大纲内容。 既然要吃透这个问题，我们势必要回到本源，我把这个...
- 面试最后一问：你有什么问题想问我吗？
- 尽管，我们之前分享了这么多关于面试的主题： 高薪必备的一些Spring Boot高级面试题 面试必问：设计模式遵循的面向对象设计原则！ 面试必问：怎么保证缓存与数据库的双写一致性？ 27道高频Spring面试题，你能答对几个？ 唠唠面试常问的：面向对象六大原则 一文高效图解二叉树面试题 Java面试中最高频的那20%知识点是什么？ 百度面试题：求数组最大值 ... 然而，最后这个90%可见...
- python 程序员进阶之路：从新手到高手的100个模块
- 在知乎和CSDN的圈子里，经常看到、听到一些 python 初学者说，学完基础语法后，不知道该学什么，学了也不知道怎么用，一脸的茫然。近日，CSDN的公众号推送了一篇博客，题目叫做《迷思：Python 学到什么程度可以面试工作？》，真实反映了 python 程序员在成长过程中的一些困惑。
- Python——画一棵漂亮的樱花树（不同种樱花+玫瑰+圣诞树喔）
- 最近翻到一篇知乎，上面有不少用Python（大多是turtle库）绘制的树图，感觉很漂亮，我整理了一下，挑了一些我觉得不错的代码分享给大家（这些我都测试过，确实可以生成） one 樱花树 动态生成樱花 效果图（这个是动态的）： 实现代码 import turtle as T import random import time # 画樱花的躯干(60,t) def Tree(branch, ...
- Linux/C/C++ 不可错过的好书
- 来源：公众号【编程珠玑】 作者：守望先生 ID：shouwangxiansheng 前言 经常有读者让我推荐书籍，这次我就把我私藏的计算机书单分享给你们！不过由于时间匆忙，不会进行更加详细的介绍。 声明 由于每个人的情况不一样，推荐的书并不一定适合你，也不一定适合当前阶段的你，有的书籍可能存在内容重复，所以根据自己的阶段情况进行选择即可。虽说如此，以下书单中提单的书均为优质书籍。...
- 史上最强Tomcat8性能优化
- 文章目录授人以鱼不如授人以渔目的服务器资源Tomcat配置优化Linux环境安装运行Tomcat8AJP连接执行器（线程池）3种运行模式部署测试用的web项目查看服务器信息部署web应用使用Apache JMeter进行性能测试下载安装修改语言创建接口的测试用例启动与进行接口测试查看测试报告调整Tomcat参数进行优化禁用AJP连接设置线程池最大线程数为150，初始为4最大线程数为500，初始为5...
- 单点登录（SSO）
- 一、SSO（单点登录）介绍 SSO英文全称Single SignOn，单点登录。SSO是在多个应用系统中，用户只需要登录一次就可以访问所有相互信任的应用系统。它包括可以将这次主要的登录映射到其他应用中用于同一个用户的登录的机制。它是目前比较流行的企业业务整合的解决方案之一。 实现机制 当用户第一次访问应用系统1的时候，因为还没有登录，会被引导到认证系统中进行登录；根据用户提供的登录信息，认证...