投稿日： 2017年4月27日

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

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

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

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

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

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

: 角丸テーブルのスタイル指定

時々使うテーブルの角丸仕様、毎回調べてる気がする。。ポイントはborder-collapse border-collapse: collapse;ではなくborder-collapse: separ ...

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

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

: サイトのタイトルを画像置換する方法

よくやり方忘れてしまうのでメモ。サイトのタイトルをh1とかで記述した場合それを画像置換するための方法は色々あって評価が分かれるので現時点でいいなと思っているものを。まずはhtml <h1 ...

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

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

タグ

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

最近の投稿