あなたのDesignに使えます。グラス モーヒズム デザイン | ウェブマーケテイングの ちから。 ウェブライティングの ちから。

あなたのDesignに使えます。グラス モーヒズム デザイン

 

例えば、こんなものをつくれます(こんなことも)。

 

 

/* コード ジェネレーターで生成された .CSS .html少し加工して。
 (回転しているすりガラス状の円は.gifでも.mp4でもないんです(.html.cssだけ)。)*/

 
 
backdrop-filter: blur(1.5px);
width:  375px;
height: 375px;
border-radius: 187px;
background-color: rgba(3,252,22, 0.075);
box-shadow: rgba(0, 0, 0, 0.3) 2px 8px 8px;
border: 10px rgba(255,255,255,0.4) solid;
に後から変更しています(ほかに少し工夫して)。

 

 

 

 

  ⇑、上のすりガラス状のエフェクトは、1.5pxのぼかし(ガウス)設定をしています。

  (ガラスが重なった部分の文字がにじんで見えるのが、ぼかし効果です。)

 

グラス モーヒズム

まずは、あはたの感覚で、この画面から操作してみてください。
m( – -)m  「Codeを生成」が機能します(12/2修正)

グラス モーヒズム

グラス モーヒズム

 

グラス モーヒズム

グラス モーヒズム デザイン

 (すりガラスのパネル)

  不透明度の指定、

  ぼかしの指定、

  境界線の太さ、

  パネルの四隅の角丸、

  Glassのカラーの選択が、カラーパネルからの選択もしくは16進のカラーコード入力から選べます。

 

背景画像は、< > クリックで!

グラス モーヒズム

https://イイネ.biz/site-operation/design/5452/

 

グラス モーヒズム

グラス モーヒズム

 

 

 

 

以下、キーボードの紹介ですが、
私の愛用キーボードは

G913TKL リニア 2021/12/21購入
K840メカニカル ROMERーG 2019/12/17購入
以上がnotePC Spectre-x360とLet's Note Sz-6でのメイン使用

ノートパソコンで外付けキーボードを使用する理由は、
絶対的に外付けの方が機動性良いのと、
ノートpcをPCスタンド・ラックに置いて
肩こり・首コリ軽減および
PC本体のコーヒーなど水難対策

PCスタンドはアルミBoyata製と、ダイソーの550円の木製のやつ

https://m.media-amazon.com/images/I/81CxGBVAjML._SL256_.jpg

 


他に、
K780 iPhone & iPad用 2017/8/29購入
G913、K840、K780Logi

他に、

サンワサプライ 有線PS/2キーボード

自作DeskTOP-PC用
必要に迫られて500円(とは思えない優秀さ)で買ったPS/2タイプ
です。