投稿日： 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だけで画像をテキストの形に切り抜き表示してみる

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

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

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

: 画像の拡大表示(ポップアップ)

目次1 やりたいこと2 タグを設置3 画像にクラスを付与4 スクリプトを記載5 スタイルを記載6 完成！やりたいこと画像のポップアップがしたい！タグを設置 html内であればどこでも良いので、ポ ...

: 拡大してもボヤけない、アイコンフォントが便利すぎる

サイト作成の時にメニューアイコンを作っていたけど 3つのメニューのうち1つをアイコンフォント使ってたら表示の鮮明さに驚いた。他のアイコンはpng形式の画像だったけど全然違う。通常、画像でできたアイ ...

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

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

タグ

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

最近の投稿