webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき
読者です 読者をやめる 読者になる 読者になる

webかたつむり

ウェブデザインを勉強中

gradation のついての覚え書き

f:id:ohta-felica:20161030143626p:plain

  • グレーのグラデーションを作るときは、グレーの単色を作るよりも黒と白のアルファを加減してミックスすると綺麗なのかもしれない。 

f:id:ohta-felica:20161030162149p:plain

  • rgba(0, 0, 0, 0.3)=#b3b3b3;

f:id:ohta-felica:20161030162958p:plain

  • #777777;=nutral gray(18%)=rgba(0, 0, 0, 0.53) 
  • 18%のグレーは、rgba(0, 0, 0, 0.53)の相当する。

f:id:ohta-felica:20161030163625p:plain

 

  • 楕円形グラデーションの中心は「at  **%(x軸)  **%(y軸)」という形式で指定する。

f:id:ohta-felica:20161030164423p:plain