布拉猫 2024-07-07 20:05 采纳率: 31.6%
浏览 20

css3动画旋转90并放大

css3动画 搞不出来
像图片中 这个动画

旋转90，并放大，包括底部光的效果

img

  • 写回答

2条回答 默认 最新

  • 世霓弥逆 2024-07-20 19:44
    关注

    哥们你真的，你宁愿怀疑自己都不愿意去怀疑这个可不可能只是一个GIF图片吗，连交互都不用实现的贴图做个GIF不比拿CSS堆半天省力，只要关闭和收下位置绑定个透明按钮或者区域监听，或者索性绑定点击事件，点一下不就关了，把事情想这么复杂干什么

    评论 编辑记录

报告相同问题？

  • 前端css3动画部分有疑问希望友友们帮助解惑 css3 html 前端
    2022-10-21 16:53
    回答 2 已采纳 div+div加号又被称作兄弟选择器。A+B表示选择紧邻在A后面的B元素，且A和B必须拥有相同的父元素，所选到的仅为一个B元素标签。 2.-webkit-xxx是 兼容写法，针对浏览器内核的 。CS
  • 在hbuilder环境中css3动画问题 css3 前端
    2022-10-03 15:55
    回答 1 已采纳 @keyframes xxx{...};最后的;删除。 @keyframes sofa01{ from{transform: translateY(-10px);} to{transform:
  • css3中动画方面报错 css3 前端
    2023-04-12 21:37
    回答 1 已采纳 animation上一行结尾的 分号不对 应该是应为格式 你那个好像是中文格式的 符合一个别的分号
  • css3旋转的环形菜单动画特效
    2019-11-04 23:33
    在本文中，我们将深入探讨如何使用CSS3实现一个旋转的环形菜单动画特效。CSS3是层叠样式表的最新版本，它引入了许多强大的新特性，包括2D和3D变换、过渡效果以及动画，使得网页设计更加动态和富有表现力。 首先，让...
  • css3中动画方面的错误 css3 前端
    2023-04-12 21:32
    回答 1 已采纳 这里应该是分号
  • css3里3d动画用的多么 css3
    2019-06-15 19:47
    回答 2 已采纳 看你做什么类型的网站，做企业管理，根本用不到，做购物网站，商品展示用一用。做游戏网站，就要大量用。
  • 做了CSS3的动画，但是无效 css css3 html5 有问必答
    2021-12-01 21:43
    回答 1 已采纳 不要有空格hover样式li:first-child img:hover <style> @keyframes anima{ from{transform:rotate(0
  • CSS3鼠标经过图片旋转放大特效
    2021-04-06 13:58
    在网页设计中，CSS3（层叠样式表第三版）为开发者提供了许多强大的新特性，其中之一就是能够实现动态效果，如“CSS3鼠标经过图片旋转放大特效”。这种特效可以增加用户体验，使网页元素更具吸引力。下面我们将详细...
  • css3:多个元素先后循环使用animation css3 vue.js 前端
    2022-12-26 18:06
    回答 1 已采纳 动态修改class，:class=""，只要控制class变化就行了
  • 关于css3变形旋转rotate运行不出来 css html5 有问必答
    2021-09-29 10:29
    回答 2 已采纳 这是你的代码弄出来的，是不是css没引进来或者因为缓存机制css文件没更新，ctrl+F5强制刷新一下。
  • Css3文字渐变样式问题 css css3 前端
    2022-12-13 00:08
    回答 1 已采纳 自2017年以来，WebKit Bugzilla上有一个尚未解决的公开问题：background-clip:text不适用于display:flex。苹果已经忽视这个错误4年了，它可能永远不会被解决。
  • CSS3鼠标经过图片旋转放大特效.rar
    2024-02-07 00:36
    在这个“CSS3鼠标经过图片旋转放大特效”中，我们主要会探讨以下几个关键知识点： 1. **伪类选择器**：CSS3中的`:hover`伪类用于定义当鼠标指针浮动在元素上方时应用的样式。在这个特效中，`:hover`被用来激活图片...
  • css3 3d样式调节 3d css3 前端
    2022-02-28 14:02
    回答 2 已采纳 transform: rotate这个是旋转，有三个轴（x,y,z），你研究一下看能否实现你的要的效果吧。如果还是不行，可以试试这个（perspective）https://www.w3school.
  • 前端HTML----CSS动画特效
    2022-04-14 17:32
    文件格式CSS 特效详情如下： ====进入==== 淡入：fadeIn 翻转进入：flipInY 中心弹入：bounceIn 中心放大：zoomIn 翻转进入：rollIn 光速进入：lightSpeedIn 移入，从左向右：fadeInLeft 移入，从上向下：...
  • CSS3鼠标经过图片旋转放大特效.zip
    2022-11-17 21:18
    在这个名为"CSS3鼠标经过图片旋转放大特效.zip"的压缩包文件中，包含了利用CSS3实现的图片在鼠标悬停时进行旋转和放大的交互效果。这个效果可以提升用户体验，使静态的网页元素变得更加生动和吸引人。 首先，让我们...
  • 没有解决我的问题, 去提问

问题事件

  • 创建了问题 7月7日

悬赏问题

  • ¥15 校内二手商品转让网站
  • ¥20 高德地图聚合图层MarkerCluster聚合多个点，但是ClusterData只有其中部分数据，原因应该是有经纬度重合的地方点，现在我想让ClusterData显示所有点的信息，如何实现？
  • ¥100 求Web版SPC控制图程序包调式
  • ¥20 指导如何跑通以下两个Github代码
  • ¥15 大家知道这个后备文件怎么删吗，为啥这些文件我只看到一份，没有后备呀
  • ¥15 C++为什么这个代码没报错运行不出来啊
  • ¥15 一道ban了很多东西的pyjail题
  • ¥15 关于#r语言#的问题：如何将生成的四幅图排在一起，且对变量的赋值进行更改，让组合的图漂亮、美观@（相关搜索：森林图）
  • ¥15 C++识别堆叠物体异常
  • ¥15 微软硬件驱动认证账号申请