帮助中心
获取牛币
联系我们
关于我们
版权声明
素材牛首页
微博登录
QQ登录
微信扫码登录
注册
登录
新浪微博
QQ登陆
微信登录
热门搜索:
小程序
支付
Java
后台模板
上传
商城模板
jQuery
手机
Thinkphp
微信
Vue.js
首 页
网页特效
整站源码
PHP实例
网站模版
工具箱
常用代码
论坛
游戏源码
资源分享
当前位置:
首页
»
网页特效
» 仿照微信群头像的自适应样式布局
仿照微信群头像的自适应样式布局
所属分类:网页特效-UI/布局/瀑布流
浏览:1702次
评论:0次
更新时间:2019-03-29
牛币素材
VIP可免积分下载
查看演示
立即下载
收藏
仿照微信群头像的自适应样式布局
查看演示
立即下载
积分说明:注册即送10牛币,每日签到可获得5牛币,成为VIP会员可永久免牛币下载!
充值积分
充值会员
更多说明»
素材描述:微信群组使用部分群成员的头像自适应布局,自己最近在关注张鑫旭老师的博客,看到用伪类实现的布局觉得很是巧妙,自己参考着写了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
展开查看全部
jQuery拖拽拉伸缩放插件l_zoom
超个性打字动画版本的个人简历animationResume
相关素材 -
UI/布局/瀑布流
jQuery自适应导航菜单
基于jQuery的二级菜单导航栏,横向自适应手机和电脑尺寸,黑灰色风格,简约大方。
导航菜单
1
2762
自适应的幻灯片插件easySlider.js
easySlider.js是一款轻量级、简单易用的响应式jQuery轮播图插件。easySlider.js可以根据视口的大小来动态修改轮播图的尺寸。它压缩后的版本仅5K大小,简单实用。
焦点图/幻灯片,移动端/响应式
4
2213
jQuery+css3响应式时间轴页面效果
jQuery+css3响应式时间轴页面效果,下拉滚动页面时,未显示在首屏的内容会动画弹性显示,响应式设计,自适应屏幕,完美兼容移动设备。
UI/布局/瀑布流,时间日期
0
2135
响应式理财类销量排行榜TAB选项卡布局效果
一款实用的基金理财产品tab列表布局,理财产品销量排行选项卡分类切换ui布局特效。自适应浏览器屏幕大小,可用于手机端展示。
选项卡/滑动门
0
721
科技感十足的产品介绍垂直TAB选项卡效果
jQuery黑色大气科技风格的产品功能分类选项卡布局,点击分类标签tab选项卡切换特效。适用于:软件、云主机功能介绍ui布局。
选项卡/滑动门
1
987
shearphoto1.3截取头像,拍照截图,美工切图插件
shearphoto1.3截取头像,拍照截图,美工切图插件,本代码均采用原生JS编写 绝对不含第三方代码,绝对超越JCROP和富头像, 如果你要找截图插件,除了shearphoto,你别为选择 是一个专门为
图片裁剪
1
1382
JS网页版块宽高自由拖动布局效果
原生js自由拖拽布局示例,支持水平和垂直滑块拖动布局效果。
触屏/拖拽/下拉,其他特效
0
603
瀑布流布局插件waterfall
瀑布流布局插件, 类似于 Pinterest、花瓣、发现啦。
UI/布局/瀑布流
1
1601
讨论这个素材(0)
回答他人问题或分享使用心得会奖励牛币
〒_〒 居然一个评论都没有……
文明上网,理性发言! 😉 阿里云幸运券,
戳我领取
发表评论
素材发布者信息
beifangdai
JS工程师
TA发布的素材
(11)
UI/布局/瀑布流 (406)
热门推荐 / HOT
jQuery日历日程插件FullCalendar中文版本
商城业绩销量动态排行 加载动态数据实现动态排名
jQuery多样式多风格手风琴网页特效
带文字描述缩略图的扁平化网页大图轮播效果
很实用的网站下拉导航菜单和宽屏轮播图效果
jQuery金融行业快速选择计算借款单表单效果
自带16种样式的在线客服窗口效果代码
jQuery实现bootstrap表单可视化拖拽编辑生成表单
简单实用的架构图拓展图扩展功能效果
jQuery图文混排滑动切换效果
最新发布 / NEW
2020年 币币交易+C2C交易/交易挖矿/持币分红/锁仓生息/机器人交易/上币投票/交易所
JS表单正则表达式验证效果 带滑动验证
jQuery消息提示弹窗插件jAlert.js
基于swiper自适应带特效字幕的轮播图效果
jQuery模态对话框提示效果带验证功能
精美的网页在线聊天对话UI效果
JS鼠标控制飞机飞行方向
纯css实现的人脸识别动画效果
支持Tooltip提示的jQuery UI滑杆效果插件
纯CSS3消息提示框动画特效
标签推荐 / TAG
jQuery
css3
html5
抽奖
手机商城
jquery插件
jQuery特效
弹出层
弹窗
切换
幻灯片
菜单
canvas
下拉菜单
拖动
tab切换
导航菜单
选项卡切换
图片切换
焦点图
轮播图
小游戏
九宫格
转盘抽奖
下拉列表
弹出层插件
音乐播放器
导航
密码
弹幕
游戏源码
工具
弹出框
动画
显示密码
手机模板
mp3
模板
APP模板
星空
网站模板
滑动
选项卡
图片轮播
响应式
移动端
表格
Vue
图片滚动
分页
3d
滚动
三级联动
鼠标
瀑布流
时间轴
表单
提交回复
我的牛币余额:
0
所需牛币:
5
开始下载
牛币获取:
签到、评论、充值
» 在线充值
(10牛币=1元)
此素材VIP可免积分下载
» 查看详情
VIP
客服
签到
充值