【斜め背景】CSS＋jQueryでペンキを塗るようなアニメーションを簡単実装！ | スタッフブログ | 株式会社クーネルワーク
こんにちは、keishibukiでございます。 最近「斜め背景をガーッとペンキを塗るような感じでアニメーションさせて！」 という依頼がありました。 それってjavascriptとかゴリゴリに書かないと実装出来ないのでは？と思っていたのですが、思いの外CSSとjQueryの簡単な記述だけで作れました。 かなり簡単なので是非お試しあれ！ まずは斜め背景を作ってみよう！下記のような形になります。 HTML<div id="main"> <div class="layer-01"></div> <div class="layer-02"></div> <div class="content-width"> <div class="container"> <h1>コンテンツ</h1> <p class="text">この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。こ
印刷画面不要！指定範囲のみ印刷できるjQueryプラグイン「jPrintArea.js」 | スタッフブログ | 株式会社クーネルワーク
どーも。谷です。 最近いくつかのWEBサイト制作案件で、印刷画面のご要望を頂きました。印刷のためだけにページのテンプレートを用意するのも手間なので、簡単に指定範囲のみ印刷できるという噂のjQueryプラグイン「jPrintArea.js」を使ってみました。 何年も前からよく使われているもののようですが、本家サイトからは既に削除されているので、使ってみたい方はこちらのコードをコピーして、「jQuery.jPrintArea.js」と名前をつけて保存してください。 jQuery(document).ready(function($){ $.jPrintArea=function(el){ var iframe=document.createElement('IFRAME'); var doc=null; $(iframe).attr('style','position:absolute;wid
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
