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

面白かったのでメモ。テキストの形に切り抜くやつです。どこかで使えそう。まずはhtml 何でもいいので適当なクラスか何かあたえておいてください。 <p class="text-kirinuk ...

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

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

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

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

: Atomエディタが便利です

今まで使っていたのはDreamWeaver htmlを書くようになって使っていたのはAdobeのDreamWeaverでした。こちらも使い勝手がよく好きだったのですがAtomエディタが便利とのことで ...

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

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

タグ

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

最近の投稿