zdy7758 2022-02-28 14:02 采纳率: 28.6%
浏览 22
已结题

css3 3d样式调节

我的解答思路和尝试过的方法

利用旋转和拉伸 这种效果怎么才能调出来呢

我想要达到的结果

img

  • 写回答

2条回答 默认 最新

  • _念_ 2022-02-28 14:33
    关注

    transform: rotate
    这个是旋转，有三个轴（x,y,z），你研究一下看能否实现你的要的效果吧。
    如果还是不行，可以试试这个（perspective）
    https://www.w3school.com.cn/cssref/pr_perspective.asp

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(1条)

报告相同问题？

  • 关于Css3 3d翻转的问题 css3 html5
    2019-06-03 10:59
    回答 1 已采纳 我特意去写了个demo，你看下， 重点属性 有注释。 ``` 3D盒子旋转Demo
  • css3 写不出3d效果怎么办 css3 html5
    2022-01-18 21:55
    回答 3 已采纳 鼠标经过3d翻转效果 <!DOCTYPE html> <html> <head> <meta charset="UTF-8">
  • Css3文字渐变样式问题 css css3 前端
    2022-12-13 00:08
    回答 1 已采纳 自2017年以来，WebKit Bugzilla上有一个尚未解决的公开问题：background-clip:text不适用于display:flex。苹果已经忽视这个错误4年了，它可能永远不会被解决。
  • 纯CSS3多功能录音机特效
    2021-07-24 23:40
    3. **音箱录音机**：这可能是设计中的一个扩展，将录音机与音箱结合，通过CSS3实现音量控制、播放/暂停、音效调节等互动元素，增加用户体验的真实感。 在实现这些特效时，开发者可能会用到以下CSS3技术： - **伪类...
  • css3里3d动画用的多么 css3
    2019-06-15 19:47
    回答 2 已采纳 看你做什么类型的网站，做企业管理，根本用不到，做购物网站，商品展示用一用。做游戏网站，就要大量用。
  • css修改a标签样式 css3 html5
    2022-03-02 12:29
    回答 5 已采纳 居中的话，要让a标签变为块级元素，text-align:center才有效果 <a href="#" style="text-decoration: none;color:#f00;font-
  • 打开本地html文件，css样式丢失， css css3 html5
    2022-05-12 11:50
    回答 4 已采纳 <link href=”./index.css“这样引入的吗
  • HTML5 CSS3音量调节旋转按钮.zip
    2019-07-03 21:46
    CSS3则在样式设计上发挥了重要作用。例如，使用伪类选择器（`:hover`, `:active`, `:focus`）可以实现鼠标悬停、按下和焦点状态下的不同视觉效果；`transform`属性可以用来实现旋转、缩放等2D或3D转换效果；`...
  • Ant design Vue3 的 select 组件鼠标移入时 css样式 怎么改? css3 前端
    2022-05-10 11:18
    回答 5 已采纳 .ant-select :deep(.ant-select-selector) { background-color: rgba(255, 255, 255, 0) !important;
  • 如何通过css3实现梯形按钮组 css css3 html5
    2021-05-21 15:09
    回答 2 已采纳 ul,li{ padding:0;margin:0;list-style:none} .ul{ height:30px; width:200px; display:flex; bord
  • 网页设计Css样式全部不显示 html 有问必答
    2021-12-18 21:06
    回答 2 已采纳 这个只是个警告，你问题应该和这个警告没关系你把代码发一下看看
  • css3之3D按钮的实现
    2020-07-14 09:48
    mao儿一根葱的博客 （3）变化前，需要显示的部分是::after伪元素中的样式(transform:rotateX(0deg) translateY(0%)),则需要将::before伪元素的样式隐藏(transform:rotateX(90deg) translateY(-50%) （4）变化后，需要显示的是::before...
  • 收音机金属按钮CSS3特效
    2021-04-25 05:14
    【收音机金属按钮CSS3特效】是一种网页设计中的交互元素，它利用了CSS3的强大功能，创造出具有3D效果的金属质感按钮，为用户提供逼真的收音机操作体验。这个特效不仅提升了网页的视觉吸引力，还增强了用户体验，使得...
  • html5+css3酷炫音频播放器
    2021-04-02 01:33
    例如，我们可以使用CSS3的伪类（`:hover`, `:active`, `:focus`）来改变按钮在不同状态下的样式；通过`transition`属性实现平滑的动画效果；利用`transform`实现旋转、缩放等3D效果；还可以使用`box-shadow`和`...
  • HTML5 CSS3 专题 ：诱人的实例 3D展示商品信息
    2024-04-19 09:35
    2401_84150107的博客 好了，立方体理解了，那么这个商品展示就没什么难度了；两个DIV分别代表两个面，一个是图片，一个是介绍，初始时，介绍绕X轴先旋转90deg，然后当鼠标移动时，将整个盒子绕x...对于显示效果，可以调节perspective的距离~
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 3月9日
  • 已采纳回答 3月1日
  • 创建了问题 2月28日