まだまだかかりそうなポートフォリオ。
今日はTopページのセクションの背景に緩やかなカーブをつける。
やり方は、以下の２とおり。
- 画像を貼りつける。
- cssで書く
なるべく画像を使用したくないので、cssでやってみる。
タップで読みたいところにジャンプします
カーブのある背景をcssで書く
.Circle-Wap {
margin-top: 70px;
overflow: hidden;
}
.Circle-Top {
background-color: ligntcyan;
border-radius: 2000px 2000px 0 0 / 300px 300px 0 0;
margin: 16px -200px 0px;
padding-top: 150px;
}
コメント