Adobeスクールパートナー(ブロンズ)

主にAdobeのソフト操作を紹介しています。DTPやWebの業務で役にたったことやツールのポイントなど参考になればと思います。 主観的なものもありますのでご了承ください!

Just Code

Web

Just Code cssで画像加工

 

CSSを使用して、画像を加工するツールを紹介します。
オンラインで利用できるので、ダウンロードは不要です。

「Just Code」

Just Code

↑ネットで検索し、上記ページを開いた後、上のボタン、「CSS + SVG image filters」をクリックしてください。

Just Code

 ↑のページを開いた後、緑のボタン「Upload file」をクリックし、加工したい画像をアップロードしてください。
(右の 「from URL」をクリックすると、ネットでの画像を利用することもできます)

 その後、左サイドのつまみを調節し、加工します。

  調節が終わりましたら、左下の、 html,cssコードをコピペし、ご自身のコードに貼り付けてください。プラウザで表示すると、画像が加工されています。

  • このエントリーをはてなブックマークに追加
hulu dTV

関連記事

  1. FC2ホームページ 登録からサイトのアップロード

    Dreamweaver

    FC2ホームページ 登録からサイトのアップロードまでの手順

    登録1.ユーザーとIDの登録1.「FC2ホームページ」と検索し…

  2. Web

    【CSS】CSS Gradientで複雑なグラデーションを作成

    CSS Gradientというフリーサイトを使ってCSSで複雑なグラデ…

  3. Web

    cssだけで、グラデーション入りのラインを作る!

    cssの擬似要素を使った、グラデーション入りのボーダーラインを作りまし…

  4. Web

    Vegas2で背景画像をスライドショーに(jQueryプラグイン)

    cssで背景画像として設置していた画像をスライドショーにしたい。画面い…

  5. イラスト

    Web

    JQueryのランダム要素簡単実装

    ○はじめに難しそうですが案外簡単に使えますので、初心者の方向けにざ…

  6. Web

    目指せ!positionマスター!

    レイアウトに便利なposition!ようこそ!Dreamwea…

人気の記事

CodeCamp

おすすめの参考書

PAGE TOP