サイト作成 27日目✨✨
今日は、昨日と同様、ランサーズの仕事の営業と
お仕事依頼のお客様に、質問をしながら状況の確認と擦り合わせをしたよ👍
あとは、佐々木税理士事務所のコーポレートサイトをグローバルメニューを綺麗にしたんだけど、
swellボタンを使って調整をしていたんだけど、サイズ感の調整に結構限度があって、
swellボタンじゃなくてCSSで入れることにしたよ👍
ボタンの色味、だったりサイズ感だったりを合わせるために入れたCSSがこれ ↓
CSS
/* 001 */
.button001 a {
background: #1e73be;
border-radius: 0px 0px / 0px 0px;
position: absolute;
display: flex;
justify-content: space-evenly;
align-items: center;
margin: 10 auto;
max-width: 500px;
padding: 20px 15px;
color: #ffff;
transition: 0.3s ease-in-out;
font-weight: 500;
}
.button001 a:hover {
background: #999;
color: #FFF;
}
.button001 a:after {
content: ”;
width: 3px;
height: 3px;
border-top: 1px solid #1e73be;
border-right: 1px solid #1e73be;
transform: rotate(45deg) translateY(-50%);
position: absolute;
top: 50%;
right: 20px;
border-radius: 2px;
transition: 0.3s ease-in-out;
}
.button001 a:hover:after {
border-color: #FFF;
}
今日も全然時間取れなくて余りで来てないので明日頑張ろうと思うよ✨
2022/12/18