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

: "Swiper"を使ったスライドで左右に画像を表示する

JQueryなしで動く"Swiper"という便利なプラグインを使ってのスライドショー。左右に画像を表示したい時の注意点をメモ。ダウンロードはこちらから swiper公式サイト使う中ですごく分かり ...

: -webkit-とかのベンダープレフィックスをつける重要性

プレフィックスとは、CSS3を使う際に使用するプロパティの前につけるキーワードです。サイト制作者には当たり前に思えるベンダープレフィックス。今までどうしてこれを付けないといけないかがよく分かってい ...

: cssだけでドロップダウンメニューを実装(軽い！)

ドロップダウンメニューをcssだけで実装できる方法があるらしい。 jsファイルの読み込みがないなら軽くていいなぁと思いやってみた。目次1 まずはhtml2 つぎにcss3 cssの中身の解説4 高さ ...

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

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

タグ

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

最近の投稿