素材牛

仿照微信群头像的自适应样式布局

 所属分类:网页特效-UI效果/布局

 浏览:68次-  下载:1次-  评论:0次-  发布时间:2019-03-29
仿照微信群头像的自适应样式布局兼容IE9
积分说明:注册即送5牛币,每天签到可获得5牛币,第三方账号登陆、注册直接赠送20牛币!    我要充值   更多积分说明»
素材描述:微信群组使用部分群成员的头像自适应布局,自己最近在关注张鑫旭老师的博客,看到用伪类实现的布局觉得很是巧妙,自己参考着写了demo。这个布局在图片新闻或者网站首页画廊时经常用到,故在此总结一下。案例中也复习了“蝉翼原则”中提到的符合自然规律的圆角表现方式。

详细介绍

使用li:first-child:nth-last-child(n)伪类选择器判断当前元素兄弟节点的个数

文件目录结构

  • img
    • ┝ 1.png
    • ┝ 2.png
    • ┝ 3.png
    • ┝ 4.png
    • ┝ 5.png
    • ┝ 6.png
    • ┝ 7.png
    • ┝ 8.png
    • ┝ 9.png
  • ┝ index.html
  • ┝ style.css

讨论这个素材(0)回答他人问题或分享使用心得会奖励牛币

〒_〒 居然一个评论都没有……

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0 已下载次数:1
所需牛币:5 开始下载

牛币获取:可通过签到、评论、充值、发布素材获得 » 牛币充值

会员账号
会员密码
安全验证