您的位置：首页技术文章
文章详情页

CSS3可否做出这个效果？

浏览：83日期：2023-07-18 11:48:58

问题描述

如下图：

CSS3可否做出这个效果？

一个简单地页面，几个p。

p大概5px地厚度。

旋转p呈现如图地效果

不知道筒子们有啥想法？这个厚度貌似一定要多两个dom去实现？

原图：https://www.mapbox.com/

PS. 话说SF这个上传图片功能非常牛逼啊，选取截图，直接剪贴板复制就自动上传了，我给个赞。

问题解答

回答1：

可以是可以，但是很麻烦。无非就是用transform:translate3D来把p变形，做出一个立方体，配合perspective产生透视效果。css3实践—创建3D立方体

回答2：

可以做，就是比较麻烦

回答3：

为什么不是设计师直接导出这样的图...

标签： CSS
上一条：css3 - 求clearfix使用方法下一条：前端 - css3倾斜带来问题部分？
相关文章：
1. 请教： 关于 python 反斜杠转义的疑问2. css - transform: translateY(-50%)在360浏览器极速模式下使得文字变模糊了3. nginx英文文档的WebSocket proxying部分没看太明白，麻烦推荐一点中文文章4. angular.js - js 点击事件onclick=“”，引号内的函数名字 可以为 变量吗5. mysql优化 - mysql慢查询copying to tmp table6. css - .clearfix:after中为什么设置display: table7. angular.js - 怎样在使用ng-repeat属性的标签里面监听单个事件，使其能够单个改变CSS。8. angular.js - Ionic 集成crosswalk后生成的apk在android4.4.2上安装失败？？？9. python - 关于matplotlib的x轴显示的问题10. android 文件File删除问题
排行榜
css - .clearfix:after中为什么设置display: table
css - .clearfix:after中为什么设置display: table
1. angular.js - js 点击事件onclick=“”，引号内的函数名字 可以为 变量吗
2. nginx英文文档的WebSocket proxying部分没看太明白，麻烦推荐一点中文文章
3. css - transform: translateY(-50%)在360浏览器极速模式下使得文字变模糊了
4. 请教： 关于 python 反斜杠转义的疑问
5. mysql优化 - mysql慢查询copying to tmp table
6. mac连接阿里云docker集群，已经卡了2天了，求问？
7. android 文件File删除问题
8. angular.js - Ionic 集成crosswalk后生成的apk在android4.4.2上安装失败？？？
9. python - 关于matplotlib的x轴显示的问题
10. angular.js - 怎样在使用ng-repeat属性的标签里面监听单个事件，使其能够单个改变CSS。
热门标签