客服电话
APP下载
迪恩网络APP
随时随地掌握行业动态
官方微信
扫描二维码
关注迪恩网络微信公众号
|
知乎发现栏目上的标题图一般都是以下图方式展现的，很显然它是利用渐变去实现的。思路很有意思，主要是要有两方面的认知： 这张图其实可以分成两部分，右边控制图形和渐变，左边就是一张纯色背景，和渐变无关 透明transparent也是一种颜色，也是渐变可以设置的 下面我把自己的代码贴出来，仅供参考 布局
<body>
<div class="bg-gradient">
<div class="pic"></div>
</div>
</body>
css样式
<style>
.bg-gradient {
margin: 0 auto;
background: rgb(244, 195, 77);
position: relative;
width: 600px;
height: 350px;
}
.bg-gradient .pic{
background-image: linear-gradient(to right, rgb(244, 195, 77), transparent), url("bg.jpg");
background-position: center;
background-blend-mode: normal;
position: absolute;
height: 100%;
width: 250px;
right: 0;
}
</style>
最后的效果如下 以上就是我的代码，谢谢观看。 ps：如果你想要在其中写点文字后出了问题，我不觉得这是个问题好吧，那是你的问题。听我的，你要自主解决。（明言明语） |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
六六分期app的软件客服如何联系？不知道吗？加qq群【895510560】即可！标题：六六分期
今天小编告诉大家如何处理win10系统火狐flash插件总是崩溃的问题，可能很多用户都不知
今天小编告诉大家如何对win10系统删除桌面回收站图标进行设置，可能很多用户都不知道
今天小编告诉大家如何对win10系统电脑设置节能降温的设置方法，想必大家都遇到过需要
我们在使用xp系统的过程中,经常需要对xp系统无线网络安装向导设置进行设置，可能很多
今天小编告诉大家如何处理win7系统玩cf老是与主机连接不稳定的问题，可能很多用户都不
电脑对日常生活的重要性小编就不多说了，可是一旦碰到win7系统设置cf烟雾头的问题，很
我们在日常使用电脑的时候，有的小伙伴们可能在打开应用的时候会遇见提示应用程序无法
今天小编告诉大家如何对win7系统打开vcf文件进行设置，可能很多用户都不知道怎么对win
今天小编告诉大家如何对win10系统s4开启USB调试模式进行设置，可能很多用户都不知道怎
请发表评论