文章详情页

CSS3可否做出这个效果？

浏览：348日期：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. docker镜像push报错2. boot2docker无法启动3. javascript - 移动端点击弹出遮罩层加断点调试就行不加断点就不行4. 为什么我ping不通我的docker容器呢？？？5. docker - 如何修改运行中容器的配置6. docker绑定了nginx端口外部访问不到7. golang - 用IDE看docker源码时的小问题8. angular.js - angular内容过长展开收起效果9. css3 - IE浏览器下，一个元素设置overflow:auto后，出现下拉滚动条，拖动滚动条图片会移动，但文字不移动10. javascript - 关于数组的循环遍历问题