投稿日： 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で見ると色々な不具合が生じることが多い。例えば、このサイトのレイアウト。クロームで見るとこんな感じまぁまぁ均等に並んでいるように見 ...

: jQueryで実装！画像の無限ループスライダー

よくサイトで見かけるイメージ画像がひたすら流れるやつをサイトに実装したいと思い調べたところ、下記のサイトに使いやすそうな無限ループスライダーがあったので実装。 jQueryで無限ループスライダー目次 ...

: 画面の縦幅いっぱいに背景画像を表示する

画面全体に背景画像を表示するには、 background:url('画像を指定'); background-size:cover; でできますが、いやいや、一画面だけでなくその下にもコンテンツがあっ ...

: 背景画像を複数指定する方法(css)

背景画像を複数指定したい時があり調べてたところ順番にcssを指定するところまでは分かったけど書き方がよく分からない・・・複数背景の使用はよく使いそうなのでメモ。基本的には,(カンマ)区切りで続け ...

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

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

タグ

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

最近の投稿