Circle Progress Bar ワードプレスサイト作成 CSSメモ【ワードプレス スクール 横浜教室】

.pace .pace-activity, .pace .pace-activity:before {
border-color: #0fd0dd transparent transparent;
}

style.css?ver=20170717100118:1
.pace .pace-activity {
position: fixed;
z-index: 2000;
display: block;
position: absolute;
box-sizing: content-box;
left: -30px;
top: -30px;
height: 90px;
width: 90px;
display: block;
border-width: 30px;
border-style: double;
border-radius: 50%;
animation: spin 1s linear infinite;
}

ワードプレス教室にホームページ作成短期集中レッスンにお越しいただた生徒さんが見つけたとあるテーマのなかでのアニメーション効果の実現方法の記録です。