デザイン

FontAwesomeアイコンでサイトデザイン 2

FontAwesomeアイコンでサイトデザインの2回目です。 今回は、「文字と合わせて表示、Linkも!」、「アイコン重ね表示」、「文字とアイコン重ね表示」、「spinの違い」、「アイコンと"fa-spin"と"ro...
デザイン

FontAwesomeアイコンでDesign 1

今回はサイトで使用しているFont Awesome 5 Freeアイコンを使って、どの様なデザインができるか?その1回目として、FontAwesome5アイコンを組合せて、着色、拡大、回転、角度変更、アニメーションなどをご紹介してみます。...
デザイン

あなたの感覚で動かしてみてください。グラス モーヒズム Design グラス モーフィズム

グラス モーヒズム すりガラスのパネル デザイン、不透明度の指定、ぼかしの指定、境界線の太さ、パネルの四隅の角丸、Glassのカラーの選択(カラーパネルからの選択 or 16進カラーコード入力)あなたの感覚で、この画面から操作してみてください。「Codeを生成」からコピペで生成されたコードをご利用いただけます。グラス モーフィズム
デザイン

3Dで浮き上がるナビゲーション・メニュー cssとhtmlだけでつくる

cssとhtmlも公開!!!デザイン 3Dで浮き上がるNavigation Bar ボタンにマウスカーソルを合わせると(ホバーで)「ボタン」の色が変わり、浮き上がります。クリック(タップ)でLink先にジャンプします。cssとHTMLだけでデザインする3D 10Button メニュー
デザイン

デザイン 3D Cube メニュー cssとHTMLだけでつくる

cssとHTMLだけでデザインする3Dキューブ メニュー回転するCube面のアイコンとテキストはクリックできます。アイコンは、FontAwesomeを利用し、Linkはサイト内のページまたは、別サイトのページにクリック(タップ)でジャン...
デザイン

動画ではなく、cssで 3D・2D デザイン&回転

cssで図形の回転をコントロールする。3D表示と回転のテスト。動画に見えるけど、 .mp4 でも、.gif アニメーションでもないんです。1つの図形を10度ごとに設け、360度で都合18枚の平面画像を450pxで、回転させ3D表現を実現させています。他にも15度で12枚の平面画像を300pxで
スポンサーリンク
タイトルとURLをコピーしました