zoukankan      html  css  js  c++  java
  • 用CSS实现图片水印效果代码

    代码简介:

    运行一下代码才能看到效果噢,你会看到百度地图下边有LOGO,那可不是百度加上的噢,是通过CSS滤镜加上的效果,是不是和图片水印的效果相差无几呢?

    代码内容:

    View Code
    <head>
    <title>用CSS实现图片水印效果代码 - www.webdm.cn</title>
    <style type=text/css>
    .transp-block
    {background:#fff url(http://www.webdm.cn/themes/pic/webdm_logo.gif) no-repeat right bottom;margin:0px

    auto
    ;width:512px;height:380px;overflow:hidden}
    img.transparent
    {filter:alpha(opacity=70);moz-opacity:.70;opacity:.70}
    </style>
    </head>
    <body>
    <div class=transp-block>
    <img class=transparent src="http://www.webdm.cn/images/20091006/map.gif" width="512" height="380" />
    </div>
    </body>
    <br />
    <p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的网页代码下载网站 - 致力为中国站长提供有质量的网页代码!

    </p>

    代码来自http://www.webdm.cn/webcode/51a38809-1bb1-48b7-93df-a1846a3e09b3.html

  • 相关阅读:
    10.20stark组件已经完工
    webpack3到webpack4
    app埋点
    postman使用
    phantomjs
    nodejieba中文分词
    爬虫--cheerio
    mysql命令(三)
    mysql学习(二)
    mysql安装登录
  • 原文地址:https://www.cnblogs.com/webdm/p/2311846.html
Copyright © 2011-2022 走看看