2月 : 2013 : SimpleIsm今仕事でスマホ用のサイトを作っているのだけど、ページの先頭へ戻るボタンをCSSで実装したかった。ので、実装した。 こんな感じの。 実際はbox-shadowとかtext-shadowとか細かい指定をしているのだけど、今回の例では割愛。ちなみにHTMLは以下。 <p class="hoge"> <span>hogera</span> <a href="#top">TOP</a> </p> 単純に考えると、a要素にboder指定してグラデーションかけて、矢印の背景とか位置とかを指定して、適当にpadding付ければOKなはず。 .hoge a { background-image: url("arrow.png"), -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#999)); background-image:
