Page 1 of 1

ทำ water mark อย่างง่ายด้วย css

Posted: 12/06/2019 9:12 am
by jataz2

Code: Select all

<html>
  <head>
  <style type="text/css">
          div#watermark {
                position: fixed;
                bottom: 10px;
                right: 10px;
                font-size: 8em;
                padding: 0.1em;
                background: white;
                color: gray;
                opacity: 0.5;
            }
            div#watermark span {
                color: black;
                text-decoration: none;
                background-color:cornflowerblue;
               transform:rotate(320deg);
              -webkit-transform:rotate(320deg);
            }
    </style>
 </head>
 <body>
        <h1> hello</h1>
        <div id='watermark'>
            <span>ระบุคำที่เป็น water mask</span>
        </div>
 <body>
</html>

Re: ทำ water mark อย่างง่ายด้วย css

Posted: 12/06/2019 9:46 am
by tsukasaz
เอาไปใส่ในรูปภาพได้ไหมครับ ทำยังไงครับ

Re: ทำ water mark อย่างง่ายด้วย css

Posted: 12/06/2019 5:59 pm
by jataz2
<html>
<head>
<style type="text/css">
div#watermark {
position: fixed;
bottom: 10px;
right: 10px;
font-size: 8em;
padding: 0.1em;
background: white;
color: gray;
opacity: 0.5;
background:url(https://www.google.co.in/images/srpr/logo11w.png);
transform:rotate(320deg);
-webkit-transform:rotate(320deg);
}
div#watermark span {
color: black;
text-decoration: none;

}
</style>
</head>
<body>
<h1> hello</h1>
<div id='watermark'>
<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
</div>
<body>
</html>