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

css+翻转+ios css3翻页效果
在开发一个网站的过程中各种翻页效果数不胜数，在这里我将介绍一下简单的一种方法就是使用css3的旋转即可实现这种常见的效果
javascript
a标签
优先级
转载
网络安全守卫
2023-05-22 21:09:45
98阅读

html5 玻璃效果 css实现毛玻璃效果
毛玻璃其实就是磨砂玻璃，能够模糊的看清背后的风景，让人感觉有种朦胧美，让界面看上去有些层次感。比如：高大上啊，接下来肯定是眼馋手痒的过程。。。当然，用ps搞一个全景毛玻璃背景毫无疑问是最省事的，那接下来就没啥事可干了。当然no no no了。毛玻璃无疑就是种模糊了，少不了filter blur。最终效果（chrome）：天气预报嗯，也算是将就了。。。<!DOCTYPE html> &l
html5 玻璃效果
web前端
html
chrome
浏览器版本
转载
hackernew
2023-07-19 21:19:18
793阅读

css制作毛玻璃效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
html
原创
徐同保的博客
2024-04-28 14:11:37
68阅读

css制作毛玻璃效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name
css
html
原创
徐同保的博客
2022-06-30 18:01:24
490阅读

css 毛玻璃 黑白效果
效果关键属性模糊backdrop-filter: blur(5px);如果使用 filter:blur();  是模糊自身    而上述属性是模糊背后黑白backdrop-filter: grayscale(100%);代码实现<!DOCTYPE html> <html lang="en"> <head> <meta
毛玻璃效果
背白效果
原创
西瓜霜啊
4月前
100阅读

css+翻转+ios
# CSS翻转效果在iOS设备中的实现原理及代码示例 在移动应用和网页开发中，我们经常会遇到需要在界面中应用翻转效果的需求。在iOS设备中，CSS提供了多种翻转效果的实现方式，本文将介绍在iOS设备中使用CSS实现翻转效果的原理，并提供代码示例。 ## 原理 在iOS设备中，CSS翻转效果可以通过`transform`属性来实现。该属性可以用于旋转、缩放、平移和倾斜元素。对于翻转效果，我们主
CSS
iOS
代码示例
原创
mob649e81637cea
2023-07-21 06:47:52
140阅读

android 背景毛玻璃 css背景毛玻璃效果
其实毛玻璃的模糊效果技术上比较简单，只是用到了 css 滤镜（filter）中的 blur比如我们需要将上图中页面中间的文字区域变成毛玻璃效果，首先想到的是给其设置一个透明度，并添加模糊滤镜：.content { background-color: rgba(0,0,0,0.3); -webkit-filter: blur(2px); -moz-filter: blur(2
android 背景毛玻璃
背景图
伪元素
毛玻璃效果
转载
mob64ca13fa2f9e
2023-11-01 21:04:47
236阅读

使用CSS3制作导航条和毛玻璃效果
导航条对于每一个Web前端攻城狮来说并不陌生，但是毛玻璃可能会相对陌生一些。简单的说，毛玻璃其实就是让图片或者背景使用相应的方法进行模糊处理。这种效果对用户来说是十分具有视觉冲击力的。 本次分享的主题：通过CSS3来制作类似下面的导航条和毛玻璃效果。 导航条是梯形形状的。 背景区域的毛玻璃效果。 把
伪元素
导航条
背景图片
毛玻璃效果
3d
转载
mb5ff590f157b0e
2016-10-10 00:49:00
80阅读
2评论

橙色玻璃效果水平CSS菜单
演示效果截图 用到的图片 CSS代码/* CSS Document */.rhm1{ width:450px; height:64px; mar
DIV
CSS
DIV+CSS
css
html
转载
mb5ff40a36c352c
2009-08-09 01:42:00
117阅读

红色玻璃效果水平CSS菜单
演示效果截图 用到的图片 CSS代码/* CSS Document */.rhm1{ width:450px; height:64px
CSS
DIV+CSS
DIV
css
html
转载
mb5fcdf2add9b6a
2009-08-09 01:39:00
209阅读

CSS技巧收集——毛玻璃效果
https://www.cnblogs.com/ghost-xyx/p/5677168.html核心代码.content { background-position: center top; b
html
转载
wx62ca408a2c56b
2022-07-11 10:35:51
175阅读

灰色玻璃效果水平CSS菜单
演示效果截图 用到的图片 CSS代码
DIV+CSS
CSS
DIV
css
html
转载
mob604756e65292
2009-08-09 01:41:00
198阅读

CSS模糊玻璃效果实现
CSS模糊玻璃效果实现 我将创建一个美观的毛玻璃效果，模仿苹果macOS系统上的模糊透明效果。 设计思路 使用backdrop-filter属性实现模糊效果 添加半透明背景增强玻璃质感 配合阴影和边框提升立体感 创建卡片式布局展示不同应用场景 最终实现代码 <!DOCTYPE html> <html lang="zh-CN"> <head&gt
CSS
ci
透明背景
原创
新茶十九
17天前
104阅读

javafx实现毛玻璃效果 css毛玻璃效果怎么做
分享一下我老师大神的人工智能教程！零基础，通俗易懂！也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！ 先上 demo 和 源码其实毛玻璃的模糊效果技术上比较简单，只是用到了 css 滤镜（filter）中的 blur 属性。但是要做一个好的毛玻璃效果，需要注意很多细节。比如我们需要将上图中页面中间的文字区域变成毛玻璃效果，首先
javafx实现毛玻璃效果
html
背景图
伪元素
转载
Python数据分析
2023-12-25 06:13:48
238阅读

【CSS】367- 用 CSS3 制作导航条和毛玻璃效果
导航条对于每一个Web前端攻城狮来说并不陌生，但是毛玻璃可能会相对陌生一些。简单的说，毛玻璃其实就是让图片或者背景使用相应的方法进行模糊处理。这种效果对用户来说是十分具有视觉冲击力的。本次分享的主题：通过CSS3来制作类似下面的导航条和毛玻璃效果。导航条是梯形形状的。背景区域的毛玻璃效果。把导航条和毛玻璃效果在一篇文章中分享其实是有原因的。因为这两个效果的实现离不开一个重要的思想。用语言来描述就是
伪元素
导航条
背景图片
转载
pingan8787
2022-10-24 13:12:42
234阅读

android compose 实现毛玻璃效果 css毛玻璃效果怎么做
在本教程中，我将向您展示如何在CSS中创建磨砂玻璃效果。 您将在MacOS和iOS等UI中，甚至在当今的Windows中，都已经看到了这种效果，因此这绝对是一种趋势。 我们可以使用CSS在网站上模拟毛玻璃，在本教程中，我将向您展示两种实现方法。 CSS中的毛玻璃效果方法一 第一种方法具有相当广泛的浏览器支持，但是比我们将要讨论的第二种方法需要更多CSS。 首先创建一个带有.container类
css
java
html
python
js
转载
mob64ca14010a69
2024-05-15 05:46:40
558阅读

Android compose 毛玻璃滤镜效果 css毛玻璃效果怎么做
毛玻璃特效在日常的网页中都是寻常可见的，其大概结构为三层：背景层+毛玻璃层+内容层。下面写一下自己试验的毛玻璃特效：1.首先在html文件上写一个毛玻璃框架： <div class="container"><!--该层主要用于设定毛玻璃位置以及对毛玻璃的溢出进行限制，即作为毛玻璃的容器--> 　　<div class="glass"></div>&
文档流
html
背景图
转载
mob64ca1415f0ab
2024-01-28 05:48:57
751阅读

用CSS制作毛玻璃效果（高斯模糊效果）
 css代码<style> body,main::before{ background: url("images/1.jpg") 0 / cover fixed; } main{ position: relative; display: flex; align-content: center; justify-content: center
css
毛玻璃效果
高斯模糊
原创
立
2021-12-16 12:59:37
972阅读

css导航条毛玻璃效果(backdrop-filter: blur(4px))
css导航条毛玻璃效果(backdrop-filter: blur(4px))
前端
html
原创
徐同保的博客
2023-08-13 00:42:09
82阅读

css导航条毛玻璃效果(backdrop-filter: blur(4px))
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum
html
原创
徐同保的博客
2024-04-29 09:34:50
61阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

动画效果css导航栏

ios毛玻璃效果 android 毛玻璃效果

css3 简单的玻璃扫光效果

教你如何使用CSS实现毛玻璃效果

Css3实现背景毛玻璃效果

jquery毛玻璃效果 app毛玻璃效果

CSS+ jquery实现表格嵌套功能

毛玻璃效果

绘制玻璃效果

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

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