`
ztfjava
  • 浏览: 71315 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

div 透明的处理

阅读更多

<div style="width:100px;height:100px;background-color:#eeeeee;margin-top:-50px;filter:alpha(opacity=30);-moz-opacity: 0.6;opacity: 0.6;"></div>


filter:alpha(opacity=30);-moz-opacity: 0.6;opacity: 0.6;

黑白照片 filter: gray;
X光照片 filter: Xray;
风动模糊 filter: blur(add=true,direction=45,strength=30);
正弦波纹 filter: Wave(Add=0, Freq=60, LightStrength=1, Phase=0, Strength=3);
半透明效果 filter: Alpha(Opacity=50);
线型透明 filter: Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=140);
放射透明 filter: Alpha(Opacity=10, FinishOpacity=100, Style=2, StartX=30, StartY=30, FinishX=200, FinishY=200);
白色透明 filter: Chroma(Color=#FFFFFF);
降低色彩 filter: grays;
底片效果 filter: invert;
左右翻转 filter: fliph;
垂直翻转 filter: flipv;
投影效果 filter:progid:dXImageTransform.Microsoft.DropShadow(color=#cccccc,offX=5,offY=5,positives=true);
马赛克 filter:progid:dXImageTransform.Microsoft.Pixelate(maxsquare=3);
发光效果 filter:progid:dXImageTransform.Microsoft.Glow(color=#cccccc,Strength=5);
柔边效果 filter:alpha(opacity=100, finishOpacity=0,style=2

分享到:
评论

相关推荐

    ajax分页查询+Div透明遮盖

    在网页开发中,"Ajax分页查询+Div透明遮盖"是两个常见的技术点,用于提升用户体验和页面交互性。让我们分别深入探讨这两个概念。 **Ajax分页查询** Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个...

    jquery仿div透明模态弹出窗

    总之,使用jQuery实现的仿div透明模态弹出窗是网页动态效果的一种常见应用,它能够增强用户体验,提供更直观的交互反馈。通过理解这一实例,开发者可以更好地掌握jQuery的事件处理和DOM操作技巧,同时也能了解到如何...

    jquery仿div透明模态弹出窗插件下载

    以上就是利用jQuery实现仿div透明模态弹出窗的基本步骤和关键知识点。通过这样的插件,我们可以轻松地在项目中添加交互式的弹窗功能,提升用户体验。记得在实际应用中根据项目需求进行调整和优化。

    我个人认为很好的用div来做的透明弹出的效果。

    本示例中提到的“很好的用div来做的透明弹出的效果”是指利用 `div` 元素创建一种可自定义透明度,并且能够以动画形式弹出的交互效果。这种效果常见于各种网页的模态对话框、提示窗口或者下拉菜单等,为用户提供信息...

    div透明度

    ### div透明度 在网页设计与开发中,调整`div`元素的透明度是一种常见的需求。这不仅可以增强页面的视觉效果,还能实现更多的交互可能性。本文将深入探讨如何通过CSS来设置`div`的透明度,并解释两种常用的方法:`...

    div css3样式属性透明的环形星星发光动画效果代码

    CSS3是层叠样式表(Cascading Style Sheets)的第三个版本,提供了许多新的特性和功能,包括更强大的选择器、边框和背景处理、动画以及3D变换等。 首先,我们从HTML结构开始。在`&lt;body&gt;`标签内,创建一个或多个`...

    div css导航菜单用CSS样式表处理斜角导航条

    而“div css导航菜单用CSS样式表处理斜角导航条”这个主题,主要涉及如何使用HTML的`&lt;div&gt;`元素结合CSS(Cascading Style Sheets)来创建具有斜角边框效果的导航栏。下面我们将深入探讨这一主题,详细讲解相关的知识...

    div+css图片处理特效

    在网页设计中,"div+css图片处理特效"是一个常用的技术手段,用于创建美观且功能丰富的用户体验。这个主题涉及到HTML中的`div`元素、CSS(层叠样式表)以及JavaScript,这三种技术相结合,可以实现各种动态和交互式...

    【JS常用代码】Div层处理

    本篇将围绕“JS常用代码”中的Div层处理展开讨论,包括Div的创建、操作、定位以及常见应用场景。 1. **Div的创建与操作** 在JavaScript中,我们可以通过`document.createElement('div')`方法创建一个新的Div元素。...

    div固定在某一位置(并png图片透明显示)

    另外,`soScrollFix`可能是一个专门解决这个问题的插件或自定义脚本,它可能包含了处理固定定位和PNG透明的代码。由于没有提供具体的`soScrollFix`代码,我们无法详细介绍它的实现方式,但通常这类解决方案会监听...

    DIV模态窗口实现

    这通常通过设置背景的透明度和点击事件处理来实现。 在VS2010(Visual Studio 2010)中打开项目,我们可以期待看到以下内容: 1. HTML代码:HTML文件中会有触发模态窗口的按钮或链接,以及用于构建模态窗口的`&lt;div...

    div模式窗口-div模式窗口

    这个窗口可以是透明的,也可以有边框和背景色,可以根据需求定制其大小、位置和样式。 3. CSS控制`div`样式: - `display`: 控制`div`的显示方式,如设置为`block`使其作为块级元素独占一行,`inline-block`使其按...

    js 创建div层

    1. **创建背景div层**:首先,创建一个用于遮罩的div层,通过`document.createElement("div")`创建div对象,然后使用`setAttribute`和`style`属性设置其ID、位置、颜色、大小、透明度等。此div用于模拟模态对话框的...

    拖动div到另一个div中

    - **handleDrag**:通常这个事件用于更新视觉效果,比如改变拖动元素的透明度。 - **handleDragEnd**:拖动结束后,我们可能需要清理一些状态,或者进行后续操作,如验证是否成功放入目标div。 4. **定义目标元素...

    div+css登陆页面

    【描述】中提到的“DIV网页中弹出小窗口,页面背景逐渐变为半透明”是一种常见的网页交互效果。这通常通过JavaScript或者CSS3动画实现。在用户触发某个事件(如点击按钮)时,一个小窗口(可能是一个新的div或者模态...

    js控制div左右切换带左右箭头

    这可以是`div`的宽度变化、位置移动或者透明度变化等。 7. **响应式设计**:考虑到不同设备的屏幕大小,一个好的实践是使设计具有响应性,即在小屏幕设备上也能正常工作。这可能涉及到媒体查询(media queries)和...

    CSS+DIV实现的时钟

    在这个项目中,开发者通常会通过JavaScript或者jQuery来处理动态更新时间的部分,而CSS和DIV则负责时钟的视觉呈现和结构布局。 首先,我们来详细了解一下CSS的作用。CSS(Cascading Style Sheets)是用于描述HTML或...

    javascript浮动div,可拖拽div,遮罩层(div和iframe实现)

    1. **使用 Div 实现**:创建一个全屏覆盖的黑色半透明 Div 作为遮罩层,设置 `z-index` 属性确保遮罩层位于其他元素之上。 2. **使用 Iframe 实现**:如果需要支持跨域内容的加载,可以使用 Iframe 来构建遮罩层。...

    DIV半透明代码 兼容主流浏览器

    这段JavaScript的目的是去除`&lt;div&gt;`内代码中的所有空格,可能用于某些特定的代码处理场景,但与`&lt;div&gt;`的半透明效果直接关联不大。 为了更好地实现半透明`&lt;div&gt;`,我们可以使用CSS3的`rgba()`颜色函数,这不仅提供...

    让div透明而里面的文字不透明的写法

    在网页设计中,实现一个透明的div而里面的文字保持不透明是经常需要用到的技巧,尤其在需要突出文字内容而背景仅作为视觉效果辅助时。为了实现这样的效果,可以使用层叠样式表(CSS)来操控HTML元素的显示属性。在这...

Global site tag (gtag.js) - Google Analytics