【Web前端】11个使用CSS制作产品展示卡片样例
wxchong 2024-08-30 03:48:29 开源技术 18 ℃ 0 评论
- 作者：John Mantas
- 使用技术：HTML / CSS (SCSS)
- 是否自适应：否
- 依赖库：-
- 浏览器兼容：Chrome, Edge, Firefox, Opera, Safari
- 源码链接：https://codepen.io/john-mantas/full/bxmrBq
- 作者：George Gedox
- 使用技术：HTML / CSS (SCSS)
- 是否自适应：否
- 依赖库：font-awesome.css
- 浏览器兼容：Chrome, Edge, Firefox, Opera, Safari
- 源码链接：https://codepen.io/GeorgeGedox/pen/yEwoqP
- 作者：Julie Park
- 使用技术：HTML / CSS (SCSS)
- 是否自适应：否
- 依赖库：-
- 浏览器兼容：Chrome, Edge, Firefox, Opera, Safari
- 源码链接：https://codepen.io/juliepark/pen/aKbYVp
- 作者：Fatih Takey
- 使用技术：HTML / CSS
- 是否自适应：否
- 依赖库：font-awesome.css
- 浏览器兼容：Chrome, Edge, Firefox, Opera, Safari
- 源码链接：https://codepen.io/fatihtakey/pen/eyyWVr
- 作者：Omar Dsoky
- 使用技术：HTML / CSS
- 是否自适应：否
- 依赖库：font-awesome.css
- 浏览器兼容：Chrome, Edge, Firefox, Opera, Safari
- 源码链接：https://codepen.io/linux/pen/LjWrPZ
- 作者：SliceCrowd
- 使用技术：HTML / CSS
- 是否自适应：否
- 依赖库：bootstrap.css, swiper.css
- 浏览器兼容：Chrome, Edge, Firefox, Opera, Safari
- 源码链接：https://codepen.io/slicecrowd/pen/GWJEZB
- 作者：Tobi Balogun
- 使用技术：HTML / CSS
- 是否自适应：否
- 依赖库：ionicons.css, animate.css
- 浏览器兼容：Chrome, Edge, Firefox, Opera, Safari
- 源码链接：https://codepen.io/cupofmint/pen/wgyrRX
- 作者：CodeFrog
- 使用技术：HTML / CSS
- 是否自适应：否
- 依赖库：font-awesome.css
- 浏览器兼容：Chrome, Edge, Firefox, Opera, Safari
- 源码链接：https://codepen.io/CodeFrogShow/pen/rWjYrP
- 作者：Oscar
- 使用技术：HTML / CSS (SCSS) / JavaScript
- 是否自适应：否
- 依赖库：jquery.js
- 浏览器兼容：Chrome, Edge, Firefox, Opera, Safari
- 源码链接：https://codepen.io/olhilton/pen/dXaqxE
- 作者：Alexandra K
- 使用技术：HTML / CSS
- 是否自适应：否
- 依赖库：-
- 浏览器兼容：Chrome, Edge, Firefox, Opera, Safari
- 源码链接：https://codepen.io/ff0004-red/pen/WxJEJZ
- 作者：Jacob Sauerhoefer
- 使用技术：HTML / CSS (SCSS)
- 是否自适应：否
- 依赖库：-
- 浏览器兼容：Chrome, Edge, Firefox, Opera, Safari
- 源码链接：https://codepen.io/jacobsauerhoefer/pen/mVZwLB
本文暂时没有评论，来添加一个吧(●'◡'●)