一款利用html5和css3动画排列人物头像的实例演示

2020-04-24 19:49:45易采站长站整理

}   
  
.avatar:nth-of-type(3) {   
  background-image: url("geeftvorm.jpg");   
}   
  
.avatar:nth-of-type(4) {   
  background-image: url("VinThomas.jpg");   
}   
  
.avatar:nth-of-type(5) {   
  background-image: url("ladylexy.jpg");   
}   
  
.avatar:nth-of-type(6) {   
  background-image: url("claudioguglieri.jpg");   
}   
  
.avatar:nth-of-type(7) {   
  background-image: url("jina.jpg");   
}   
  
.avatar:nth-of-type(8) {   
  background-image: url("peterme.jpg");   
}  

  好了以上就是今天介绍的html5和css3动画排列人物头像代码演示,谢谢阅读,希望能帮到大家,请继续关注软件开发网,我们会努力分享更多优秀的文章。