しっぽを追いかけて

ぐるぐるしながら考えています

Unity と猫の話題が中心   掲載内容は個人の私見であり、所属組織の見解ではありません

CSS

Unity UI Toolkit でスタイルシートを外観に適用する

※ これは 2021/10/01 時点の Unity 2021.2.0b13 の情報です 最新版では動作が異なる可能性がありますのでご注意ください 引き続き Unity の UI Toolkit を試す 今回は前回やったボタンラベルのスタイル変更をプログラマブルではなく、CSS コード的なもので一…

CSS でマウスオーバーで回転アニメする

CSS

※ これは 2020/04/10 時点の font awesome v5.13.0 の情報です 最新版では動作が異なる可能性がありますのでご注意ください CSS で下記のような回転アニメ・・・をカーソルがのっているときだけ行いたい

CSS で囲み枠を装飾する

CSS

CSS で囲み枠をもう少し装飾してみたい ・・・というわけでいろいろ試してみます まずは破線 ねこはどうして箱に入るのが好きなのか?

CSS で囲み枠を描く

CSS

※ これは 2020/04/10 時点の font awasome v5.13.0 の情報です 最新版では動作が異なる可能性がありますのでご注意ください 今回は CSS で下記のような囲み枠を描画してみます ねこは飼い主が思っている以上に人が好き

引用文を CSS でそれっぽく表示する

CSS

※ これは 2020/04/10 時点の font awasome v5.13.0 の情報です 最新版では動作が異なる可能性がありますのでご注意ください ちまたでは12連休だそうですが、こちらはリモートワークなので通常営業です! 今回は Font Awesome を利用して下記のような引用文を…

アイコンを CSS でテキストのように自由変形 - Font Awesome

CSS

※ これは 2020/04/10 時点の font awasome v5.13.0 の情報です 最新版では動作が異なる可能性がありますのでご注意ください 前回お試しした Font Awesome、拡大以外にも実はいろいろできるらしいので試してみる

アイコンを CSS でテキストのように表示 - Font Awesome

CSS

※ これは 2020/04/10 時点の font awasome v5.13.0 の情報です 最新版では動作が異なる可能性がありますのでご注意ください アイコン的なものを CSS に埋め込む場合、普通にやったら画像として参照しないとだめそうです ・・・が、テキストみたいな使い心地…

CSS で吹き出しを描画

CSS

CSS のお勉強、今回は下記のような吹き出しを CSS で描画したい 吹き出し付き

CSS でテキストの合成効果をつける

CSS

前回はグラデーションの背景を画像を使わず CSS で描画したので、さらに応用 上に表示するテキストに背景との合成効果を指定してみたい 単に白色のテキストをのせても下記のようにオーバーレイ効果をかけるとこんな感じに Overlay

CSS でグラデーション描画

CSS

Global Summit 明けで Web 関連の勉強再開 実装よりの内容から趣向を変えてちょっとデザイン絡みの内容をやってみます 今回は最近よく見るグラデーションの背景を画像を使わず CSS で描画する方法 Gradient