Entry: main  << >>
画像を簡単に角丸にするajax(javascript)
 http://www.netzgesta.de/corner/ こちらからcorner.jsをダウンロードし、アップします。

<script src="../js/corner.js" type="text/javascript"></script>
↑をヘッダーで読み込ませ(パスは随時変更)

あとは、角丸にしたい画像のclassを

<img src="img/corner.jpg" alt="" width="170" height="100" class="corner iradius30" />

とするだけ。

iradius30のとこの数字を小さくすれば、角丸も小さくなります。
角丸以外にも、シャドウとか、いろいろエフェクトがつけられるみたいです。



16:09 | comments(0) | - | - | -
Comment








Calendar

      1
2345678
9101112131415
16171819202122
23242526272829
3031     
<< December 2018 >>

Recommend

Search

Entry

Comment

  • リンク元のページに戻るボタン(PHP)
    Tadashi (03/13)
  • サイト全体をメンテナンスページに切り替える単純な方法
    yo5kg (06/06)
  • 再配布不可識別子の入れ方
    jumbo (04/25)
  • Foma901シリーズ用 デコメテンプレートをPCで作成する方法
    ぐみ (12/11)
  • 再配布不可識別子の入れ方
    eguti (06/04)
  • ナビゲーションをul、liで作成する時
    ビジログ (03/09)
  • 再配布不可識別子の入れ方
    nana (02/02)
  • 再配布不可識別子の入れ方
    TOM (01/22)
  • Foma901シリーズ用 デコメテンプレートをPCで作成する方法
    pon (11/09)
  • Foma901シリーズ用 デコメテンプレートをPCで作成する方法
    pon (11/09)

Archives

Category

Link

Feed

Others

無料ブログ作成サービス JUGEM

Mobile

qrcode