投稿日： 2017年4月27日

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

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

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

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

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

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

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

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

: Video要素の縦横比を変更する

目次1 やりたいこと2 原因3 対策3.1 対策13.2 対策23.3 問題点やりたいこと Videoファイルが横長で見にくいので縦幅を調整したい原因 Video要素のobject-fitがデフォ ...

: cssだけで画像をテキストの形に切り抜き表示してみる

面白かったのでメモ。テキストの形に切り抜くやつです。どこかで使えそう。目次1 まずはhtml2 cssを追加します。3 テキストの背景指定もまずはhtml 何でもいいので適当なクラスか何かあた ...

: cssでlistのborderを斜め線にする

このサイトのメニューでも使ってますが、やってみたかったけどなかなか方法が見つけられなかったリストの区切り(border)を直線でなく斜め線にする方法。目次1 まずはHTMLでメニュー作成2 スタイル ...

タグ

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

最近の投稿