投稿日： 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でlistのborderを斜め線にする

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

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

タイトルの背景を斜めボーダーにしたい斜めボーダー背景。色の組み合わせで色々な雰囲気がつくれる。ただ、背景に柄が入ると中のテキストが読みにくくなるので、色は注意！ HTMLは入れ子にしています。 ...

: webサイト制作時に役立つ！メインカラーを元にカラーを選べるサイト

web制作する時にカラーの組み合わせを調べたい時、色々なジェネレーターはあるけどたとえばメインカラーがすでに決まっていてそれに合うカラーが知りたい時ってないですか？私は結構あります。で、ジェネ ...

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

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

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

やりたいこと Videoファイルが横長で見にくいので縦幅を調整したい原因 Video要素のobject-fitがデフォルトでcontainになっている。 object-fit:fill;を指定してあ ...

タグ

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

最近の投稿