Scotch Tape 02


About 2xup.org

2xup.org は、Taichi Kaminogoya (上ノ郷谷太一)のパーソナルウェブサイトです。主なコンテンツは、好きなゾウや写真、自転車、興味のある技術などについて書くブログ、日々のささやかなできごとを記した日記、そしてお気に入りの黒白写真を集めた フォトブログです。


HTML

<div>
    <h1>About 2xup.org</h1>
    <p>2xup.org は、Taichi Kaminogoya (上ノ郷谷太一)のパーソナルウェブサイトです。主なコンテンツは、好きなゾウや写真、自転車、興味のある技術などについて書くブログ、日々のささやかなできごとを記した日記、そしてお気に入りの黒白写真を集めた フォトブログです。</p>
</div>

CSS

h1 {
    display: inline-block;
    position: relative;
    top: 15px;
    left: -15px;
    margin: 0;
    padding: 0.5em 0.8em;
    border: 1px solid #a3a3a2;
    -moz-border-image: url(scotch-tape.png) 2 8 2 5 / 2px 8px 2px 5px; /* Gecko */
    -webkit-border-image: url(scotch-tape.png) 2 8 2 5 / 2px 8px 2px 5px; /* Webkit */
    color: #595857;
    font-family: Georgia, serif;
    font-size: 130%;
    font-weight: bold;
    -moz-transform: rotate(-3deg); /* Gecko */
    -webkit-transform: rotate(-3deg); /* Webkit */
    opacity: 0.9;
}

p {
    width: 35em;
    margin: 0;
    padding: 2em;
    -moz-border-radius: 5px; /* Gecko */
    -webkit-border-radius: 5px; /* Webkit */
    background-color: #a3a3a2;
}

Image source


Taichi Kaminogoya.