20150620图片的透明度渐变

function fade(obj,tar) {
    obj.timer && clearInterval(obj.timer);
    obj.timer=setInterval(function () {
        var cur=parseInt(css(obj,‘opacity‘)*100);
        var speed=(tar-cur)/7;
        speed=(speed>0)?Math.ceil(speed):Math.floor(speed);
        if(cur!=tar){
            obj.style.opacity=(cur+speed)/100;
            obj.style.filter=‘alpha(opacity=‘+(cur+speed)+‘)‘
        }else{
            clearInterval(obj.timer);
            obj.timer=null;
        }
    },40);
}
function css(obj, attr){
    if(obj.currentStyle){
        return obj.currentStyle[attr];
    } else {
        return getComputedStyle(obj, false)[attr];
    }
}
var box=document.getElementById(‘box‘);
fade(box,40)
时间: 2024-12-21 18:45:40

20150620图片的透明度渐变的相关文章

code实现透明度渐变和颜色渐变的view

最近用code写了些view上的渐变效果,使得app的UI特效不必全部依赖美工出的图片. 效果如下: 主要用到了Layer上的渐变层,核心代码如下,关于CALaer的使用可参考 //Transparent Gradient Layer - (void) insertTransparentGradient { UIColor *colorOne = [UIColor colorWithRed:(33/255.0) green:(33/255.0) blue:(33/255.0) alpha:0.0

android动画的透明度渐变、旋转动画、缩放动画、评议动画

这是我在学习android的时候做的一个小小的东西可以实现图片的旋转.平移.缩放.透明度的渐变 首先我们要创建一个android的项目 在自己的drawable-mdpi中添加自己的图片 然后在res目录中,创建一个名称是anim(动画)的目录,并且在该目录中实现图片的操作 首先是anim_alpha.xml定义一个实现透明渐变的动画该动画实现的是完全不透明-->完全透明---->完全不透明 <pre name="code" class="html"

插一张图片,用SeekBar来控制图片的透明度

1 <?xml version="1.0" encoding="utf-8"?> 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 xmlns:tools="http://schemas.android.com/tools" 4 android:layout_width="match_parent

ImageMagick - 设置透明带 AlphaChannel 的 png 图片的透明度

学习和使用ImageMagick也有几年时间了,其实对 ImageMagick 的了解还仅仅是皮毛吧. 最近在写代码的时候,遇到一个调整透明png图片透明度的问题: 当1张png图片,有些区域是透明的,我平时调整图片透明度使用的是:MagickSetImageOpacity(),可对透明背景的png,怎么调也没效果. 后来实在没办法,我找了两个替换方案: 方案1. 删除alpha通道: MagickSetImageAlphaChannel(mw_current, RemoveAlphaChann

js函数封装,使一个obj的透明度渐变,淡入淡出(兼容IE)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

JS实现透明度渐变动画

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS实现透明度渐变动画</title> <style type="text/css"> *{margin:0;padding:0;} #box{width:200px;height:200px;background-color

改变图片的透明度,图片自适应屏幕

改变图片的透明度 float speed=0.2f; float starttime; void Start () { starttime = Time.time; } void Update() { GUITexture.color.a = Mathf.Lerp (0, 1, (Time.time - starttime) * speed); } --------------------------------------------------------------------- 图片自适

图片添加透明度蒙版

看了很多图片上添加透明度的文章,大部分都是围绕 opacity: 这个属性来做的,但是实际项目中,该效果会影响到图片里面的字段,或者是 -webkit-mask: 这个需要配合渐变或者其他来实现,而且以白色半透明为主.如果我们需要的是黑色半透明呢,以下是我个人的的一些写法 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>demo</title>

ps图片怎样实现渐变

首先我先将一副图片展示给大家: 我所做的效果是想把图片做成渐变.而不改变中间图片的颜色效果. 接下来我来说明一下我的所做思路. 首先将图片中间部分选择出来.然后复制成一个图层. 详细操作是用魔棒进行反向选择,选择出中间部分: 然后我在复制一个图层.目的是将这个图层作为单独中间图图层. 然后我们将原图层做成渐变色样式: 注:这里选择的是图层0,图层1仅仅是中间图层的部分. 然后保存成png图片就能够了.