- jQuery カラーピッカー
- RGBのカラーコードから色を想像してコードを書くのは結構大変です。 エディターによってはプレビューしてくれるものもありますが、色から探す方が直感で早い...
- 2019-08-02 08:24:35
UIサンプルギャラリー「キプレ」
MENU
用途
新着
履歴
分類
★
デザイン
デザインに関するUIのサンプルです。
「デザイン」に関するサンプル
- jQuery スクロールで表示
- スクロールによって要素を出し分けるときに、利用するjQueryの記述を紹介します。 スクロール開始で「要素が消える」、「要素が現れる」、「要素が入れ替わる...
- 2019-08-01 22:16:23
- jQuery オーバーレイ
- トーストとも呼ばれますが、ブラウザの画面下からコンテンツに覆いかぶさって要素が現れる表現を紹介します、 目を引くエフェクトではありますが、ユーザにと...
- 2019-08-01 08:33:53
- CSS3 陰影
- 外側に影をつける [[ box-shadow: 10px 10px 10px rgba(0,0,0,0.4); -moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.4); -webkit-box-shadow: 10p...
- 2019-08-05 23:06:06
- CSS displayやvisibilityなど非表示にする
- 表示を消す３つのスタイルについて。 スタイルシートでページ内で非表示にしたい要素(element)がある場合、以下の３つの方法があります。 どれもHTMLのタグが消えるというものではありません。...
- 2019-08-05 22:51:34
- CSS3 グラデーション
- 縦方向のグラデーション [[background: linear-gradient(#FFF , #3636c3); background: -moz-linear-gradient(#FFF , #3636c3); background: -webkit-gradi...
- 2019-08-05 22:46:49
- CSS3 アニメーション
- ここではCSS3によるアニメーションを紹介します。 JavaScriptやSVGなどでもアニメーションの表現できますが、気軽に作れる点ではCSS3が一番長けてると思います。 ただし、幾つかのブラウザでは開発中だったり...
- 2019-07-31 22:32:43
- CSS3 角を丸くする
- CSSのみで要素の角を丸くする表現のサンプルです。 丸角（まるかど）、角丸（かどまる）などと呼ばれることがありますが、角を丸くする表現はよく使われます。 ひと昔前までは、角のための画像をわざわざ作って...
- 2019-07-31 22:08:47
Top