返回新闻列表

背景在下面 字体在上面中心透明效果，css属性mix-blend-mode

发布日期: 2023-04-06 | 来源: 智软设计工作室

效果如下，

div代码如下：

<div class="h_1">

<span>002t.cn<br>

DESIGN&amp;<br><b>网站建设</b>

</span> 

</div>

css代码如下：

.h_1 {

  1.    position: absolute;

  2.    background: #fff;

  3.    width: 45%;

  4.    height: 100%;

  5.    font-weight: bolder;

  6.    text-transform: uppercase;

  7.    z-index: 15;

  8.    mix-blend-mode: screen;

  9.    color: #000;

}


大家可以体验这二个属性

相当于加了一个滤镜

mix-blend-mode: screen;

相当于加了一个图层和滤镜

mix-blend-mode: overlay;

1.png

上一篇:网站封装成小程序，转发 分享到朋友圈不能使用， 下一篇:用chatgpt写的一个jquery效果，多行多列 logo图片透明度 无限闪动效果！

推荐技术资料

pbootcms网站栏目有子类，怎么判断高亮

2023-03-15

解决办法，直接放二个判断即可，没有子栏目的判断{pboot:if('[nav:scode]'=='{sort:scode}')}selected{/pboot:if}点击了子栏目的判断{pboot:if('[nav:scode]'=='{sort:tcode}')}selected{/pboot:if}

阅读更多

PBOOTCMS怎么放子目录运行，放入后怎么伪静态了?不然出错，

2023-09-02

PBOOTCMS 怎么放子目录运行，放入后怎么伪静态了？下面我们来看看怎么解决。子目录运行很简单，复制一个完整的源代码进入即可，默认不进行伪静态是没啥问题，但是一旦伪静态了。点击就会找不到页面。下面就要更改以下伪静态规则。如下面nginx的规则，nginx伪静态配置如下：location /en/ {if (!-e $request_filename){rewri

阅读更多

windows2012 服务器 c盘空间不够 怎么处理。

2024-05-21

可以看下C:\Windows\Temp 这个目录。占比很大，我删除了20个G

阅读更多

pbootcms 上传的图片自动转换webp，ueditor也自动转换，达到最佳网站加载速度

2024-12-23

pbootcms 上传的图片自动转换webp下面是修改过的文件。直接替换\core\function目录里的file.php文件.rar这里就不贴修改了。

阅读更多

PBOOTCMS 加了权限的页面跳转到404 页面打开跳转404错误页面解决方法

2025-03-11

事情是这样的。我在windows环境测试都是后的。然后转移到linux环境。出现一个问题，就是有一个栏目要登陆后才能查看。但是他没有跳转。直接出现404，一开始以为是伪静态的问题。但是排查了下。不是这个问题，然后就找了下 出现这个错误的代码，具体修改是。注销这个自定义跳转到404代码。当调用出现问题或者数据库字段不一致

阅读更多

Wget windows安装与下载整站命令 可下载https和https

2021-11-30

网站防站利器，比webzip 要好。wget是一个强力方便的命令行下的下载工具windows 如果使用需要安装 Wget for windows下载地址：Link下载压缩包 ZIP，解压到一个常用的安装位置。然后按照下面的步骤，配置环境变量：系统属性（此电脑右击选择属性）→左侧的高级系统属性→环境变量→用户变量选择 Path→点击新建把刚刚压缩到的

阅读更多

滚动倒退后保留 wow.js 动画效果 解决办法

2023-06-30

如果你希望在滚动倒退后保留 wow.js 动画效果，可以尝试将 resetAnimation 设置为 false。varwow=newWOW({resetAnimation:false,})wow.init();

阅读更多

php偶发出现502错误，其实是keepalive_timeout 设置高了。会导致偶发502

2025-12-26

最近客户网站，偶发出现502错误。服务器配置很多也没用完。其他进程配置也放很高。配置玩了。还是偶发会有。后来看到一个大神说的。浏览器和nginx的链接默认时60秒，然后nginx和应用之间比如php或者JAVA默认值没有60秒。一般是20秒或者30秒，所以就导致这个问题了。值需要在nginx里设置这个超时时间。小于60秒就行了。 

阅读更多

Swiper轮播图视频加图片混合，完美解决方法，

2024-08-19

Swiper轮播图视频加图片混合，完美解决方法，还加入了图片浮动文字动画。下面是代码。测试是比较完美。视频播放玩了。在自动切换到下一个幻灯，<!DOCTYPEhtml><htmllang="zh"><head><metacharset="UTF-8">

阅读更多