linkdesign

  • 設定は「リンクデザイン」でしています。

linkdesign_001

position: relative
display: inline-block

linkdesign_002

position: relative
display: inline-block

linkdesign_003

display: flex
justify-content: space-between

linkdesign_004

position: relative
display: flex

linkdesign_005

position: relative
display: flex

linkdesign_006

display: flex
justify-content: space-between

linkdesign_007

display: inline-block
position: relative

linkdesign_008

position: relative
display: inline-block

linkdesign_009

display: inline-block

linkdesign_010

display: inline-block、min-width: 7em、max-width: 100%

instagram風グラデーション
 

linkdesign_010

マウスオーバーで色が左右反転

instagram風グラデーション
 

linkdesign_010_2

マウスオーバーで明るい色が増えて紫がなくなる

instagram風グラデーション
 

linkdesign_010_3

マウスオーバーで影ができる