CSS opacity-实现图片半透明效果

CSS opacity-实现图片半透明效果的相关文章

• 
  用CSS实现背景半透明效果的方法实现

  标签：Web开发

  如何用CSS实现背景半透明效果？做过活动页面的同学可能会遇到要做背景半透明的效果，我们一般的做法是用两个层，一个用于放文字，另一个用于做透明背景，因为透明滤镜的效果会影响到里面的内容。不过如果你只需求在IE下实现，我们有更简单的做法： HTML代码： div class="alpha1" div class="ap2" p背景为红色(#FF0000)，透明度20%。/p /div /div CSS代码： .alpha1{ width:30...[ 查看全文 ]

  佬囟w2叹刮

  171
• 
  让css使网页图片半透明

  标签：Html CSS布局 Div+CSS XHTML

    你用过css么？当然，我是指你喜欢做网页的话，用过？很好，那你用过它的特效么？没有？那请跟我来。 让我先通俗的介绍一下css，css不属于html，它属于html的辅助语言，在没有css之前，网页是静态的，但自从有了css 后，网页制作的历史就要重写了，css能给网页加入许多你想象不到的动态效果，这也是其中一点而已，因为css中有很多特效，例如我们今天讲的利用css使图片变透明。 也许你会...[ 查看全文 ]

  黄金海归秦奋

  51
• 
  用css使网页图片半透明

  标签：Web开发

  你用过css么？当然，我是指你喜欢做网页的话，用过？很好，那你用过它的特效么？没有？那请跟我来。 让我先通俗的介绍一下css，css不属于html，它属于html的辅助语言，在没有css之前，网页是静态的，但自从有了css 后，网页制作的历史就要重写了，css能给网页加入许多你想象不到的动态效果，这也是其中一点而已，因为css中有很多特效，例如我们今天讲的利用css使图片变透明。 也许你会问，GIF...[ 查看全文 ]

  响亮白羊

  01
• 
  WPS演示通过在形状中填充图片实现给图片设置半透明效果

  标签：软件教程 电脑应用

  在WPS演示中并没有给图片设置透明效果的方法，不过可以通过迂回的方法来实现，插入一个形状，然后在形状中填充图片，再对形状设置透明度就可以了。 简要概述 首先选择形状，这个可以根据自己的喜好来，然后将形状的线条改为无颜色，如此一来就看不到线条了，再设置填充效果为自定义图片，就是需要设置半透明的图片，最后将透明度调到需要即可完成。 具体步骤 1.“插入”→“形状&rdqu...[ 查看全文 ]

  黒埖

  1961
• 
  css实现的图片模糊效果

  标签：Web开发

  马上有人搞出了模糊。。 见过没？ [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行][ 查看全文 ]

  504921789

  271
• 
  用CSS实现给图片上色的效果

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  步骤是这样的： 1.先把你想要做的图片放到PS里面进行去色处理-图像–调整–去色或者ctrl+shift+u 2.将此图和原图片整合成上下两张的图片，如下图： 3.下一步写下代码： xhtml代码： div id="box" a href="#" span/span /a /div CSS代码： a {float:left;}#box span {border:3px solid #ccc;display:block;widt...[ 查看全文 ]

  矮丫硪去

  841
• 
  Vista 5342 Glass半透明效果图

  标签：windows 操作系统

  我们知道微软为Windows Vista设计了出色的Glass半透明效果，这种GUI效果需要显卡硬件支持DirectX 9，微软在之前出货的Windows Vista当中默认开启Glass效果（只要DX9显卡安装好正确的WDDM驱动程序）。 但是在最新的发布的Windows Vista 5342当中，微软不知出于什么原因，默认关闭了Glass效果。因此我们需要手动将Glass效果打开，在安装好DX9显卡的驱动程序之后，打开Windows Vista 5342 Glass效果的办法如下...[ 查看全文 ]

  小学的班主任

  11
• 
  精美半透明蜡烛

  标签：PS PS教程

  Photoshop并不仅仅限于在图片处理方面的“锦上添花”，它同样也可以“无中生有”地绘制很多精彩的写实物品，比如下面这支精美逼真的蜡烛。 完成效果如下： 绘制步骤： 在Photoshop中先描绘外形，用渐变填充…… 大致勾出颜色较深的部位； 转换成选区后适当羽化，用Ctrl+M调整曲线。先将RGB三通道(默认状态下)中间点往下拉一些，使其颜色变暗一点；再将R通道曲线向上...[ 查看全文 ]

  llj20131406

  181
• 
  ps制作手绘半透明瓶装饮品图片的方法

  瓶子的材质是塑料的，透明感较强，绘制之前可以找一些实物图参考一下，尽量多分解一下构成，找出质感、立体感及高光等的刻画方法。最终效果 1、先用钢笔工具勾出轮廓。 2、液体颜色：#c59b77。 3、喝了半瓶的液体部分要增加一些模糊。 4、开始上高光：高光的分解，先用钢笔工具勾出形体，然后模糊的部分用高斯模糊 + 动...[ 查看全文 ]

  姜安洋

  3491
• 
  用CSS实现图片的预加载

  标签：Web开发

  有很多种方法来实现图片的预加载，通常大部分使用Javascript让事情滚动。不要再受Javascript预载的束缚了吧，用CSS你就可以毫不麻烦的预载你的图片。 为什么使用预载 你为什么会考虑使用预载呢？你是否曾有个网站，在那个网站你要滚动你的导航然后有个延迟直到图片被加载完……嘿嘿。预载将在这方面帮助你。它将在页面加载的时候加载那些图片并将其存储在浏览器的缓存里面。这样当用户滚动导航的时候，很漂...[ 查看全文 ]

  shenlizs

  291
• 
  Photoshop制作半透明塑胶文字

  标签：PS效果 PS PS基础

  本教程简单介绍塑料风格文字的制作方法。制作的时候全部都是用图层样式来设置质感和颜色，具体的数值需要根据字体的实际大小坐适当的变化。 最终效果 1、我们用文字工具用任意一种颜色一种字体打上自己需要的文字。 2、我们用图层混合选项中的“渐变叠加”，会出来一个窗口，双击“黑白渐变”就会出来，很多颜色渐变的选择窗口，我们选择“黄橙渐变色”~~~渐变方向可以自由选择。 3、我们再用...[ 查看全文 ]

  坟里面的少年lx

  281
• 
  Photoshop绘制半透明的Web登录框效果图

  标签：PS PS基础

  本教程主要使用Photoshop绘制半透明的Web登录框效果图，作者P大点S给同学们来一发登录界面教程，教程不是很难的，技巧点都集中在图层样式的运用，操作非常细致，零基础也可以学会，附上源文件供参考，喜欢的朋友一起来学习吧。 教程源文件： 透明风格的网页登陆框PS教程源文件 先看看效果图 1、新建一个文档，这里我用的是400*300像素，填充一个#d0c0be的颜色填充调整层。 2、选择画笔工具，使用...[ 查看全文 ]

  LOVE彩虹琳琳

  261
• 
  Photoshop制作可爱半透明玻璃相框

  最终效果 1、打开下图所示的相框素材，把背景图层复制一层。 2、打开下图所示的素材图片，拖进来，按Ctrl + T适当改变相框的大小。 3、回到背景图层，选择菜单：编辑 填充，然后选择木纹图案填充（木纹图案为系统自带图案，如果找不到可以选择复位图案）。 4、新建一个图层，选择一款文字画笔笔刷上，设置画笔图层样式，参数设置如下图。 5、选择文字工具，输入想要的文...[ 查看全文 ]

  俩侯

  551
• 
  PowerPoint2007中如何设置若隐若现的半透明背景效果

  标签：软件教程 电脑应用 powerpoint

  半透明背景效果与水印效果大同小异，给我们一种若隐若现的朦胧美。此效果，不仅可以让文件显得更加的有创意，而且在PowerPoint中还可以为幻灯片增色。看到这里，大家是不是非常好奇它的制作过程呢？下面就通过实例为大家介绍下如何在PowerPoint2007中设置幻灯片的半透明背景效果，感兴趣的朋友可以借此机会学习下。 简要概述 首先插入一个形状，这里以矩形为例，随后绘制一个矩形，大小与跟幻灯片一样，然...[ 查看全文 ]

  请叫我熊先森啦

  1121
• 
  Photoshop制作逼真的半透明胶带效果图

  标签：PS PS基础

  制作用胶带粘住照片的方法有很多，但通常胶带都不够逼真，本篇教程主要是通过简单的方法制作逼真的透明胶带，真正的透明胶带。 效果图如下： 教程： 1、首先创建一个新的文档，大小为：600*400像素。随便选择自己喜欢的颜色，例如#7ca213，并填充画布。 2、打开一张照片，并把它拖入到画布内。然后按用Ctrl+T缩小照片，再旋转一点点(告诉大家一个小技巧，在旋转时按住Shift键，这样旋转的角度会...[ 查看全文 ]

  KSK420

  91
• 
  Photoshop制作半透明的光影花朵

  光影花朵没有实物花朵那么复杂，制作的时候我们只需要把花瓣的高光部分渲染出来即可。然后把花瓣叠加在一起，会组成非常梦幻的效果。 最终效果 1、新建一个1024 * 768像素的文档，选择渐变工具，颜色设置如图1，然后由中心向边角拉出图2所示的径向渐变作为背景。 图1 图2 2、现在开始制作花瓣。新建一个组，用钢笔勾出第一片花瓣的轮廓，转为选区后给组添加图层蒙版。确定后...[ 查看全文 ]

  沈阳都市圈

  21
• 
  Photoshop制作飘逸的半透明丝绸

  本教程介绍半透明丝绸效果的制作方法。思路：先用钢笔及其他图形制作出优美的曲线条，然后定义成画笔。再设置好画笔的属性，应用到路径里面就可以了。本教程还有其它的制作方法。您可以参考教程： 巧用路径制作漂亮的彩色飘带 最终效果 第一步：新建一个文件，大小自定，用灰色（#cccccc）填充背景层，如下图所示。 第二步：新建图层，在工具箱中选择【钢笔工具】，在【图层1】中绘制如【图02】所示...[ 查看全文 ]

  糖明白

  281
• 
  Photoshop制作漂亮的半透明音符

  本教程的效果有点类似气泡的半透明的效果。制作的方法就是要找出图形高光部分的选区，然后填充白色，再用蒙版等涂出边缘的过渡即可。原理比较简单，不过制作的时候复杂很多，需要注意好高光的层次和透明度。 最终效果 1、新建一个800 * 600像素的文档，背景填充颜色：#02A092，新建一个图层，命名为“音符”，用钢笔勾出音符的路径，转为选区后填充白色，如下图。 图1 2、保持音符选区，把...[ 查看全文 ]

  邢台_奋青

  111
• 
  用js实现的抽象CSS圆角效果!!

  标签：Web开发

  大概是去年的时候吧,就在网上见过了现成的CSS圆角效果的CSS及HTML代码,例如: html head titlecss圆角效果/title meta http-equiv="content-type" content="text/html; charset=gb2312" style type="text/css" div.RoundedCorner{background: #9BD1FA} b.rtop, b.rbottom{display:block;background: #FFF} b.rtop b, b.rbottom b{display:block;h...[ 查看全文 ]

  HQ琪娃

  41
• 
  CSS3中如何实现渐变效果

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  渐变可以创建类似于彩虹的效果，低版本的浏览器不的不使开发者用图片来实现，CSS3将会轻松实现网页渐变效果。 要得上面的线性渐变效果，我们这样去定义CSS3样式： background-image: -moz-linear-gradient(top, #8fa1ff, #3757fa); /* Firefox */background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff4f02), color-stop(1, #8f2c00)); /* Saf4+, Chrome */filter: prog...[ 查看全文 ]

  小小妞91

  171