css3のanimationで作る永久ループのスライドショー | パソコン倶楽部りんご
「Pure CSS3 Cycle Slider」をお手本にして、css3のanimationで永久ループするスライドショーを作ります。 とても美しい動作ですので、まずは動作を確認して下さい。 画像にマウスホーバーすると、スライドが止まる マウスホーバーで画像に対応するh1が現れる スライドの表示秒数を伝える工夫もされている マークアップをキチンと考える 最終的にCSSで動作させるのか、jQueryで動作させるのかに関わらず、まずはきちんとマークアップします。そうすると以下の利点があります。 スライドの中身が、クリックさせたいリンクの列挙だとすれば、SEOの効果も望めます。単に画像を動かすのと、見出しタグ付きの要素が動いているのとでは大違いです。 対象ブラウザに合わせて、実装方法を選択できます。例えば、古いIEなどでも動かしたければ、古いIEにだけIEの条件コメントで自作のjQueryを読み
Understanding Border-image | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! The new CSS3 property border-image is a little tricky, but it can allow you to create flexible boxes with custom borders (or drop shadows, if that’s your thing) with a single div and a single image. In this article, I explain how the border-image shorthand property works in today’s browsers.
Photoshopで街を手のひらにのせる方法 / ウェブデザインライブラリー
手のひらに載せる画像を追加します。 クリップアートを選んでキャンバス上にのせます。 私のクリップアートを使うこともできます。 それから楕円形選択ツールでドラッグしながら「Shift」キーを押して正円の選択範囲を作ります。 「Ctrl」＋「Shift」＋「J」キーを押して選択した箇所を新規レイヤーに切り出して作業したレイヤーを削除しますが、これでは使い物になりません。 そこで切り出した箇所を35％程度小さくします。 OKです。 では、「選択範囲」−「選択範囲を読み込む」を選択して「フィルタ」−「変形」−「球面」で次のように設定します。 すると次のようになります。 「Ctrl」＋「D」キーを押して選択範囲を解除します。それからシャープツールでシャープを当てます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PhotoshopやIllustratorの最近気になったチュートリアルのまとめ
