投稿日： 2017年4月27日

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

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

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

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

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

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

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

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

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

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

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

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

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

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

タグ

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

最近の投稿