51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

CSS3 遮罩
CSS3 遮罩（mask）允许我们通过控制元素的可见区域来创建各种精美的视觉效果。本文将带你全面了解 CSS3 遮罩的功能和应用。
css
mask
面试
原创
前端小巷子
4月前
76阅读

纯CSS3不规则瀑布流布局特效
展示项目链接https://download.csdn.net/download/weixin_45525272/36145876代码HTML<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-e
css3
前端
css
html
瀑布流布局
原创
流楚丶格念
2021-11-01 15:39:42
5280阅读

CSS3渐变 阴影 遮罩
1. CSS3渐变渐变: 有规律的渐渐变化,在前端中通常指颜色的变化的实现方式. 通常使用在所有接受图像的属性上.(替代图片),意义是创建一张图片gradient可以应用在所有接受图像的属性上1.1 分类:线性渐变(linear-gradient)变化的方向是一条直线径向渐变(radial-gradient)变化的方向是从圆心向四周运动运动1.2. 线性渐变 (linear-gradient)用于
html
线性渐变
属性值
原创
清醒的人最荒唐
6月前
81阅读

chosen jquery 遮罩 css3动画
1.CSS3动画CSS3动画简介 通过改变元素的属性值来实现动画效果的。 animation实现动画主要由两部分组成：通过类似flash动画的关键帧来生明一个动画；在animation属性中调用关键帧声明的动画实现一个更为复杂的动画效果animation属性的浏览器兼容性CSS3动画的使用过程 （1）通过关键帧（@keyframes）来声明一个动画 语法：@keyframes IDENT{from
chosen jquery 遮罩
关键帧
取值
CSS
转载
ganmaobuhaowan
2023-07-10 13:29:57
39阅读

jquery遮罩层 遮罩层 css
.overlay{ display: block; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:9998;
jquery遮罩层
css
遮罩层
ci
css样式
转载
网猴儿
2023-06-29 17:37:09
272阅读

CSS3 @keyframes 规则
注释：本例在 Internet Explorer 中无效。
html
chrome
firefox
safari
数据
转载
mb5fed43756edc3
2017-11-03 19:39:00
143阅读
2评论

css遮罩层
在线css兼容性处理地址：autoprefixer.github.io
css兼容
github
css
转载
mb5fe55a455f6b0
2017-09-19 22:16:00
1448阅读

使用CSS 3创建不规则图形
CSS 创建复杂图形的技术即将会被广泛支持，并且应用到实际项目中。本篇文章的目的是为大家开启它的冰山一角。我希望这篇文章能让你对不规则图形有一个初步的了解。 现在，我们已经可以使用CSS 3 常见不规则复杂图形了（点击链接查看），如下图所示：
CSS3
polygon
不规则图形
shape-outside
推荐 原创
葡萄城技术团队
2013-11-13 16:59:14
3663阅读
2点赞

使用CSS 3创建不规则图形
CSS 创建复杂图形的技术即将会被广泛支持，并且应用到实际项目中。
CSS 3
不规则图形
shape-outside
polygon
css
原创
葡萄城技术团队
2022-09-23 17:08:03
549阅读

jQuery css3鼠标悬停图片显示遮罩层动画特效
jQuery css3鼠标悬停图片显示遮罩层动画特效 效果体验：://hovertree.com/texiao/jquery/39/ 效果图：源码下载：://hovertree.com/h/bjaf/q9ii3dfq.htm代码如下： 转自：://hovertree.com/
jquery
css
css3
html
ide
转载
mob604756ef1373
2016-04-07 13:37:00
249阅读
2评论

【QT】QT不规则窗体效果——遮罩
不规则窗体效果——遮罩根据一张图片来设置窗体显示效果。setMask#include "widget.h"#in
qt
ui
开发语言
#include
原创
半生瓜的blog
2022-11-18 01:00:04
141阅读

jquery 遮罩层显示 css实现遮罩层
来源 | https://www.fly63.commask简介CSS的mask属性允许使用者通过部分或者完全隐藏一个元素的可见区域。这种效果可以通过遮罩或者裁切特定区域的图片。mask和background用法是相仿的，mask的值有这些：mask-clipmask-compositemask-imagemask-modemask-originmask-positionmask-rep
jquery 遮罩层显示
css
firefox
safari
前端
转载
轩辕
2024-01-17 10:19:16
152阅读

android 不规则控件 css不规则按钮
使用 CSS 轻松实现高频出现的各类奇形怪状按钮使用 CSS 实现稍微有点难度和技巧性的按钮矩形与圆角按钮正常而言，我们遇到的按钮就这两种 – 矩形和圆角：它们非常的简单，宽高和圆角和背景色。<div class='btn rect'>rect</div> <div class='btn circle'>circle</div>.bt
android 不规则控件
css
css3
html
ci
转载
feiry
2023-07-25 20:02:54
244阅读

android不规则控件 css不规则按钮
    前几天在w3cplus上看了关于css3的clip-path剪裁熟悉，当时就被这个东西吸引了，想到以前如果要做不规则图形，要么直接用图片，要么要用border加translate去制作三角形再拼起来。而且这些做法有很多问题，前者太耗资源要加图片，后者不仅麻烦而且制作出的图形的点击事件仍然会在整个矩形div中作用，无法让各种事件只在图形区域有效。   &nb
android不规则控件
python
html
自适应
微信
转载
编程梦想翱翔者
2023-09-19 19:48:43
105阅读

CSS常用遮罩层
...
遮罩层
css
3d
架构师
.net
转载
mb5fdb0f269f12c
2017-03-29 17:09:00
781阅读
2评论

CSS常用遮罩层
...
遮罩层
css
f5
架构师
3d
转载
mob604756f2af3b
2017-03-29 17:09:00
335阅读
2评论

CSS3 @font-face 规则
[CSS3 @font-face 规则实例 指定名为"myFirstFont"
<div class=
转载
mob604756f06ed8
2020-07-11 23:26:00
90阅读
2评论

CSS3——过渡(CSS3)
不得不爱过渡(CSS3)案例过渡(CSS3)过渡（transition)是CSS3中具有颠覆性的特征之一，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。过渡动画： 是从一个状态 渐渐的过渡到另外一个状态帧动画：通过一帧一帧的画面按照固定顺序和速度播放。
CSS3
CSS
html
原创
流楚丶格念
2020-07-15 10:21:01
2202阅读

CSS实现不规则边框
先上效果图clip-path要通过CSS实现不规则边框，首先要知道clip-path(裁剪路径)属性，clip-path属性是通过对图形的X和Y坐标对图形进行裁剪每一个裁剪的拐角都是一个XY坐标裁剪至少需要3个坐标裁剪区域会连接这三个坐标浏览器不会捕获裁剪区域外的事件，如hover和click事件clip-path官方语法clip-path: <clip-source> | [ &lt
css
click事件
渐变色
原创
YaLo1024
2024-06-04 16:25:09
2812阅读

HTML+CSS+JS实现 ❤️CSS3图片遮罩高亮显示❤️
效果演示：GIF压缩太大、故显示图片查看吧代码目录：主要代码实现：CSS样式：@charset "utf-8";* {
css
动画
html5
ico
html
原创
java李杨勇
2021-09-16 17:52:07
528阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

HTML+CSS+JS实现 ❤️CSS3图片遮罩高亮显示❤️

jquery遮罩层 遮住某个DIV css实现遮罩层

CSS3动画序列（CSS3）

jquery css 遮罩加载 css动画遮罩层从下往上

jquery遮罩层输入框 css遮罩层原理

CSS3过渡效果（CSS3）

CSS遮罩层，全兼容

CSS 遮罩层，背景渐变

CSS3——CSS3盒模型

CSS/CSS3

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯