[CSS] 基本メモ: キーフレームアニメーション (animation)[CSS] 基本メモ: キーフレームアニメーション (animation)
サンプル <style> #test1 { width: 50px; height: 50px; -webkit-animation: test1 5s linear 1s infinite alternat […]
投稿者: @84kure
[CSS] 基本メモ: アニメーション (transition)[CSS] 基本メモ: アニメーション (transition)
サンプル <style> div { width: 100px; height: 100px; padding: 10px; margin: 30px; background-color: orange; b […]
[CSS] 基本メモ: 幾何変換 傾斜[CSS] 基本メモ: 幾何変換 傾斜
サンプル <style> p { background-color: lightsalmon; padding: 20px; } </style> <style> p.test1 im […]
[CSS] 基本メモ: 幾何変換 回転[CSS] 基本メモ: 幾何変換 回転
サンプル <style> p { background-color: lightsalmon; padding: 20px; } </style> <style> p.test1 im […]
[CSS] 基本メモ: 幾何変換 移動[CSS] 基本メモ: 幾何変換 移動
サンプル <style> p { background-color: lightsalmon; padding: 20px; } </style> <style> p.test1 im […]
[CSS] 基本メモ: 幾何変換 スケーリング[CSS] 基本メモ: 幾何変換 スケーリング
サンプル <style> p { background-color: lightsalmon; padding: 20px; } </style> <style> p.test1 im […]
[CSS] 基本メモ: 円形グラデーション[CSS] 基本メモ: 円形グラデーション
書式 radial-gradient(開始位置と角度, 形状とサイズ, 開始色, 途中色, 終了色); Google Chrome 及び Safariの実装 -webkit-gradient(radial, 開始位置, […]
[CSS] 基本メモ: 線形グラデーション[CSS] 基本メモ: 線形グラデーション
書式 linear-gradient(開始位置と角度, 開始色, 途中色, 終了色); (Google Chrome 及び Safariの実装) -webkit-gradient(linear, 開始位置, 終了位置, […]
[CSS] 基本メモ: テキストに影をつける[CSS] 基本メモ: テキストに影をつける
書式 水平方向の距離 垂直方向の距離 影のぼかし半径 影の色 サンプル <style> body { font-family: Impact; font-size: 40px; color: red; } & […]
[CSS] 基本メモ: ボックスに影をつける[CSS] 基本メモ: ボックスに影をつける
書式 box-shadow: 水平方向の距離 垂直方向の距離 ぼかし距離 広がり距離 影の色 inset; サンプル <style> div { width: 100px; height: 20px; pad […]
[CSS] 基本メモ: アルファ値の指定[CSS] 基本メモ: アルファ値の指定
RGBの色成分に加えてアルファ値が指定できる。 サンプル <style> div { width: 100px; height: 20px; padding: 10px; margin: 30px; back […]
[CSS] 基本メモ: 角丸の指定[CSS] 基本メモ: 角丸の指定
ボックスの角を丸めることができる。 サンプル <style> div { width: 100px; height: 100px; padding: 10px; margin: 30px; backgroun […]
[CSS] 基本メモ: ベンダープレフィックス[CSS] 基本メモ: ベンダープレフィックス
ブラウザが暫定実装しているスタイルであることを示す識別子。 -webkit- Google Chrome, Safari -moz- Firefox -o- opera -ms- Internet Explorer 例 […]
[C#] 別ウィンドウを表示せずに外部プログラムを起動して終了まで待つ[C#] 別ウィンドウを表示せずに外部プログラムを起動して終了まで待つ
コマンドプロンプトで実行される外部プログラムをバッチで繰り返し実行したい。だけど、実行中は別の作業を行いたいので、外部プログラムが実行されるたび新しいウィンドウが開いてフォーカスが奪われるのはいただけない。 別ウィンドウ […]
[CSS] 基本メモ: 擬似クラス[CSS] 基本メモ: 擬似クラス
擬似クラスはクラスが特定の状態にある場合に限って適用されるスタイル。たとえば以下。 :link :visited :hover :active :focus サンプル a:link { color: blue; } a: […]
[CSS] 基本メモ: cursorプロパティ[CSS] 基本メモ: cursorプロパティ
cursor move help wait pointer など サンプル <style> #hello { width: 200px; height: 200px; background-color: ye […]
[CSS] 基本メモ: list-styleプロパティ[CSS] 基本メモ: list-styleプロパティ
list-style-type none (無し) disc (白い丸) circle (黒い丸) square (黒い四角) lower-roman (小文字ローマ数字) upper-roman (大文字ローマ数字) […]
[CSS] 基本メモ: clearプロパティ[CSS] 基本メモ: clearプロパティ
left 左寄せされた要素に対する回り込みを解除。 right 右寄せされた要素に対する回り込みを解除。 both 全ての要素に対する回り込みを解除。 none 回り込みを解除しない。 サンプル <h2>He […]
[CSS] 基本メモ: floatプロパティ[CSS] 基本メモ: floatプロパティ
left 左寄せ。続く内容はその右側に回り込む。 right 右寄せ。続く内容はその左側に回り込む。 none 指定無し。 サンプル <div> <h2>Hello</h2> Lore […]
[CSS] 基本メモ: positionプロパティ[CSS] 基本メモ: positionプロパティ
static 位置指定しない。 relative 相対位置を指定する。staticで配置される位置が基準。 absolute 絶対位置を指定する。親要素の左上が基準。親要素がstatic配置でなければウィンドウ左上が基準 […]