投稿日： 2017年4月27日

簡単な背景画像のパララックス

jquaryをリンクさせる htmlファイルでsection毎に背景画像を設定 cssにて。

width:100%;
background:url()center center no-repeat fixed;
background-size:cover;

fix cover あとはsectionにmin-height(任意)

: スライドショーの画像を切り抜いたように表示する

よくあるスライドショーで上だけ丸みを帯びていたり、波打っていたり、三角になっていたりとフレームの中でスライドショーが動いてるやつがやりたくて調べていたところ意外と簡単にできることがわかった。次回 ...

: display:flexを使った時のIE10のバグに対応する

display:flex;を使った時、IE11では問題なくてもIE10で見ると色々な不具合が生じることが多い。例えば、このサイトのレイアウト。クロームで見るとこんな感じまぁまぁ均等に並んでいるように見 ...

: cssで作るタイトルやテキストの装飾色々メモ

目次1 タイトルの背景を斜めボーダーにしたい2 タイトルの左右に画像を配置3 タテキストにグラデーションをかけたいタイトルの背景を斜めボーダーにしたい斜めボーダー背景。色の組み合わせで色々な雰囲 ...

: サイト制作に役立つTips_リンク集

目次1 スタイルなどの装飾1.1 ボタンのホバーアニメ1.2 角丸とシャドウのジェネレーター1.3 グラデーションジェネレーター1.4 CSS三角形作成ツール1.5 吹き出し作成のジェネレーター1.6 ...

: ページ読み込み時にフェードインのエフェクト【超簡単！】

jQueryの取扱が苦手な私でもすぐに実装することができたフェードインエフェクト。トップのイメージ画像の上にテキストをふわっと表示させたいなーと思い調べてたら、かなりシンプルな記述でフェードインエフ ...

タグ

name:ユズム
作業時間は平日9：30～17：00です。

最近の投稿