fly_wugui的博客

css 实现掘金个人主页的旋转头像 #pic:hover { transform: rotate(666turn); transition-property: all; transition-duration: 59s; transition-timing-function: cubic-bezier(.34,0,.84,1); transition-delay: 1s; } 首先给任意的元素加上这些css就可以进行旋转了。 查看了一下这些属性的意思，下面介绍一下

background：no-repeat scroll 56px 78px / 69px 69px rgba(0, 0, 0, 0) url(’…’); background：no-repeat scroll 56px 78px（background-position）/（分割线） *69px 69px *（background-size ） rgba(0, 0, 0, 0); ...

上三角 #triangle-up{ width: 0px; height: 0px; color: white; text-align: center; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; }...

html <div class="caihong"></div> css .caihong { width: 200px; height: 200px; border-radius: 50%; box-shadow: 0 0 0 5px inset red, 0 0 0 10px inset orang...