优内建站网,专业建站,企业建站,免费建站,智能建站,个人建站!
主营企业建站,seo优化,手机网站,微信网站开发等业务!>> 繁体中文
用户名: 密 码: 验证码:    
企业建站,专业建站,模板建站,智能建站
 您现在的位置:首页 >> CSS+DIV教材 >> 详细内容>>        【字体:  】【颜色: 绿

图型css特效变换代码

在百度搜索关于“图型css特效变换代码”的内容

在谷歌搜索关于“图型css特效变换代码”的内容

买空间、服务器就上威客主机网(VK163.COM) 虚拟主机评测+IDC导航=威客主机之家 标志设计
[内容提要] !--图型变换代码如下.23.随机变换效果type="progid:DXImageTransform.Microsoft.RevealTrans(enabled=ture,transition=23)"0.方形逐渐变小type="progid:DXImageTransfo...

作者: 优内科技  来源: 优内科技  驻站日期:2009/1/7 【 加入收藏 】 【 打印此页 】 【 关闭

<!--图型变换代码如下. 

    23.随机变换效果            type="progid:DXImageTransform.Microsoft.RevealTrans(enabled=ture,transition=23)"
       
       0.方形逐渐变小            type="progid:DXImageTransform.Microsoft.Iris(irisstyle=square,motion=in)"
        交叉形逐渐变大        type="progid:DXImageTransform.Microsoft.Iris(irisstyle=cross,motion=out)"
        菱形逐渐变小            type="progid:DXImageTransform.Microsoft.Iris(irisstyle=diamond,motion=in)"

       1.方形逐渐变大            type="progid:DXImageTransform.Microsoft.Iris(irisstyle=square,motion=out)"
        交叉形逐渐变小        type="progid:DXImageTransform.Microsoft.Iris(irisstyle=cross,motion=in)"
        菱形逐渐变大            type="progid:DXImageTransform.Microsoft.Iris(irisstyle=diamond,motion=out)"
                               
       2.圆形逐渐变小            type="progid:DXImageTransform.Microsoft.Iris(irisstyle=circle,motion=in)"
        加号形逐渐变大        type="progid:DXImageTransform.Microsoft.Iris(irisstyle=plus,motion=out)"
        星形逐渐变小            type="progid:DXImageTransform.Microsoft.Iris(irisstyle=star,motion=in)"

       3.圆形逐渐变大            type="progid:DXImageTransform.Microsoft.Iris(irisstyle=circle,motion=out)"
        加号形逐渐变小        type="progid:DXImageTransform.Microsoft.Iris(irisstyle=plus,motion=in)"
        星形逐渐变大            type="progid:DXImageTransform.Microsoft.Iris(irisstyle=star,motion=out)"
       
       4.向上逐渐擦除            type="progid:DXImageTransform.Microsoft.Blinds(bands=1,direction=up)"
       
       5.向下逐渐擦除            type="progid:DXImageTransform.Microsoft.Blinds(bands=1,direction=down)"
       
       6.向左逐渐擦除            type="progid:DXImageTransform.Microsoft.Blinds(bands=1,direction=left)"
       
       7.向右逐渐擦除            type="progid:DXImageTransform.Microsoft.Blinds(bands=1,direction=right)"
       
       8.垂直百叶窗效果        type="progid:DXImageTransform.Microsoft.Blinds(bands=6,direction=right)"
                               type="progid:DXImageTransform.Microsoft.Blinds(bands=6,direction=left)"
                               type="progid:DXImageTransform.Microsoft.Blinds(bands=60,direction=right)"
                               type="progid:DXImageTransform.Microsoft.Blinds(bands=60,direction=left)"
       
       9.水平百叶窗效果        type="progid:DXImageTransform.Microsoft.Blinds(bands=6,direction=down)"
                               type="progid:DXImageTransform.Microsoft.Blinds(bands=6,direction=up)"
                               type="progid:DXImageTransform.Microsoft.Blinds(bands=60,direction=down)"
                               type="progid:DXImageTransform.Microsoft.Blinds(bands=60,direction=up)"
               
       10.横向棋盘效果            type="progid:DXImageTransform.Microsoft.CheckerBoard(direction=down,squaresX=12,squaresY=12)"
                               type="progid:DXImageTransform.Microsoft.CheckerBoard(direction=up,squaresX=12,squaresY=12)"
                               type="progid:DXImageTransform.Microsoft.Checkerboard(direction=down,squaresX=2,squaresY=2)"
                               type="progid:DXImageTransform.Microsoft.Checkerboard(direction=up,squaresX=2,squaresY=2)"
                               type="progid:DXImageTransform.Microsoft.Checkerboard(direction=down,squaresX=60,squaresY=60)"
                               type="progid:DXImageTransform.Microsoft.Checkerboard(direction=up,squaresX=60,squaresY=60)"
               
       11.纵向棋盘效果            type="progid:DXImageTransform.Microsoft.CheckerBoard(direction=right,squaresX=12,squaresY=12)"
                               type="progid:DXImageTransform.Microsoft.CheckerBoard(direction=left,squaresX=12,squaresY=12)"
                               type="progid:DXImageTransform.Microsoft.Checkerboard(direction=right,squaresX=2,squaresY=2)"
                               type="progid:DXImageTransform.Microsoft.Checkerboard(direction=left,squaresX=2,squaresY=2)"
                               type="progid:DXImageTransform.Microsoft.Checkerboard(direction=right,squaresX=60,squaresY=60)"
                               type="progid:DXImageTransform.Microsoft.Checkerboard(direction=left,squaresX=60,squaresY=60)"
           
       12.随机溶解效果            type="progid:DXImageTransform.Microsoft.RandomDissolve(enable=true)"
       
       13.左右向中部收缩        type="progid:DXImageTransform.Microsoft.Barn(motion=in,orientation=vertical)"
       
       14.中部向左右展开        type="progid:DXImageTransform.Microsoft.Barn(motion=out,orientation=vertical)"
       
       15.上下向中部收缩        type="progid:DXImageTransform.Microsoft.Barn(motion=in,orientation=horizontal)"
       
       16.中部向上下展开        type="progid:DXImageTransform.Microsoft.Barn(motion=out,orientation=horizontal)"
       
       17.阶梯状向左下展开        type="progid:DXImageTransform.Microsoft.Strips(motion=leftdown)"
       
       18.阶梯状向左上展开        type="progid:DXImageTransform.Microsoft.Strips(motion=leftup)"
       
       19.阶梯状向右下展开        type="progid:DXImageTransform.Microsoft.Strips(motion=rightdown)"
       
       20.阶梯状向右上展开        type="progid:DXImageTransform.Microsoft.Strips(motion=rightup)"
       
       21.随机水平线效果        type="progid:DXImageTransform.Microsoft.RandomBars(orientation=horizontal)"
       
       22.随机垂直线效果        type="progid:DXImageTransform.Microsoft.RandomBars(orientation=vertical)"
       
       24.标准渐变转化效果        type="BlendTrans(enabled=true,percent=10)"
       
       25.可调渐变转化效果        type="progid:DXImageTransform.Microsoft.Fade(enabled=ture,overlap=1.0)"
       
       26.向右下插入效果        type="progid:DXImageTransform.Microsoft.Inset(enabled=ture)"
       
       27.马赛克效果            type="progid:DXImageTransform.Microsoft.Pixelate(maxSquare=20)"
       
       28.时钟形射线擦除        type="progid:DXImageTransform.Microsoft.RadialWipe(wipestyle=clock)"
       29.楔子形射线擦除        type="progid:DXImageTransform.Microsoft.RadialWipe(wipestyle=wedge)"
       30.辐射形射线擦除        type="progid:DXImageTransform.Microsoft.RadialWipe(wipestyle=radial)"
       
       31.隐藏式幻灯片效果        type="progid:DXImageTransform.Microsoft.Slide(slidestyle=hide,bands=1)"
                               type="progid:DXImageTransform.Microsoft.Slide(slidestyle=hide,bands=20)"
       32.推动式幻灯片效果        type="progid:DXImageTransform.Microsoft.Slide(slidestyle=push,bands=1)"
                               type="progid:DXImageTransform.Microsoft.Slide(slidestyle=push,bands=20)"
       33.交换式幻灯片效果        type="progid:DXImageTransform.Microsoft.Slide(slidestyle=swap,bands=1)"
                               type="progid:DXImageTransform.Microsoft.Slide(slidestyle=swap,bands=20)"
       
       34.螺旋形收缩效果        type="progid:DXImageTransform.Microsoft.Spiral(gridSizeX=20,gridSizeY=20)"
       
       35.隐藏式伸展效果        type="progid:DXImageTransform.Microsoft.Stretch(stretchstyle=hide)"
       36.推动式伸展效果        type="progid:DXImageTransform.Microsoft.Stretch(stretchstyle=push)"
       37.旋转式伸展效果        type="progid:DXImageTransform.Microsoft.Stretch(stretchstyle=spin)"
       
       38.风车轮转动效果        type="progid:DXImageTransform.Microsoft.Wheel(spokes=20)"
       
       39.梯度擦除效果            type="progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.5,wipestyle=0,motion=forward)"
                               type="progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.5,wipestyle=0,motion=reverse)"
                               type="progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.5,wipestyle=1,motion=forward)"
                               type="progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.5,wipestyle=1,motion=reverse)"

       40.Z字形曲折效果        type="progid:DXImageTransform.Microsoft.Zigzag(gridSizeX=20,gridSizeY=20)"

-->

注:头23个滤镜(指有标号的)是常见滤镜,均可用第23号滤镜(排在文章中的第一种滤镜)变换参数获得。如1号滤镜可以将23号滤镜中的transition=23改为transition=1,其余同。

添加到QQ书签 百度收藏 订阅到抓虾 添加到鲜果  新浪ViVi  365Key网摘  天极网摘  我摘  和讯网摘  yahoo  收藏到收客网  Digbuzz我挖网  添加到饭否  挖客  添加到google  

   【回到顶部】 【返回文章列表】 编辑:优内科技
⊕ 上一篇:巧用CSS制作图象特效
⊕ 下一篇:DIV CSS网页布局实例:十步学会用CSS建站
  相关新闻
返回首页 | 设为首页 | 添加收藏 | 关于我们 | 联系我们 | 企业文化 | 合作伙伴 | 诚聘英才 | 网站报价 | 企业资质 | 网站地图
邮箱登陆 E- mail:master@cck5.com 点击这里给我发消息 客服专员 QQ:310203268 点击这里给我发消息 技术咨询 QQ:22071287点击这里给我发消息 代理备案 QQ:529631515
丰富的网站建设经验,专业提供网站建设、网站制作、网页设计服务,专业设计,真诚服务,不满意不收费!
Copyright 2008 - 2025 cck5 Inc. All Rights Reserved 优内建站网络科技公司
本站部分资源来自网络,如有侵犯您的版权,请告之,我们将即刻删除!QQ:310203268
主要业务:网站建设企业建站专业建站智能建站SEO优化微信建站手机建站
本站ICP备案号:浙ICP备11019299号 中国电信增值ICP经营许可证
不良信息举报中心 江西网警 信息产业部门备案 企业法人营业执照
 
扫优内微信二维码
“码”上有惊喜