`
leitianfu
  • 浏览: 148139 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

Flex制作Rotate旋转效果

阅读更多
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#03BF7A, #075F96]">
   <mx:Rotate id="Rotate1"  angleFrom="0" angleTo="360" originX="0" originY="0"  duration="1000"  />  
   <mx:Image x="442" y="76" source="images/C.jpg" mouseDownEffect="{Rotate1}"   width="318" height="316"/>
   <mx:Label x="390" y="33" text="Flex制作Rotate旋转效果" width="491" fontWeight="bold" fontSize="24" color="#F7F9FB"/>
</mx:Application>
分享到:
评论

相关推荐

    flex制作的转圈效果

    二、制作转圈效果的关键技术 1. 循环动画 要实现转圈效果,通常需要使用CSS的`animation`属性。通过定义关键帧(keyframes)来控制元素在不同时间点的位置变化,从而形成动画。 2. 旋转(rotate) 使用`...

    flex动画效果与变幻.pdf

    Flex提供的内置效果包括但不限于模糊(Blur)、移动(Move)、淡入淡出(Fade)、发光(Glow)、调整大小(Resize)、旋转(Rotate)和缩放(Zoom)等。此外,还有Wipe系列效果用于实现画面的遮罩效果,如WipeLeft、...

    3D效果Flex源码

    这个“3D效果Flex源码”显然包含了使用Flex制作的各种3D视觉效果和动态特效,特别是用于展示目的。让我们深入探讨一下Flex在3D效果方面的应用以及可能包含的源码知识。 1. **Flex中的3D API**:Flex SDK 提供了对3D...

    Carousel 旋转相册

    总之,`Carousel 旋转相册`是通过结合`flex`布局和旋转效果,实现了一种动态、互动的图片展示方式,不仅提升了网站的视觉吸引力,也为用户提供了便捷的操作体验。在实际开发中,开发者需要考虑各种设备和浏览器的...

    Flex常见效果

    `&lt;mx:Rotate&gt;`实现对象旋转的动画效果,可用于制作图标旋转或页面切换时的转场动画。 ##### 12. SoundEffect `&lt;mx:SoundEffect&gt;`为动画添加声音效果,增加互动性和趣味性。 ##### 13. WipeDown/WipeLeft/WipeRight...

    Flex 绘图应用程序接口

    `Graphics`类提供了`translate()`、`rotate()`和`scale()`方法,可以方便地进行平移、旋转和缩放操作。此外,`matrix`属性允许你直接设置一个变换矩阵,以实现更复杂的几何变换。 除了静态图形,Drawing API还可以...

    Cube插件制作的3D立方体魔方旋转游戏源码.zip

    通过设置合适的`transition-duration`和`animation-timing-function`,可以创造出流畅的旋转效果。 3. **CSS3 Perspective 视觉透视**: 在3D环境中,视觉透视使得远离观察者的物体显得更小。CSS3的`perspective`...

    实用的CSS3 3D旋转垂直手风琴菜单.rar

    这个菜单可能运用了`rotateX()`、`rotateY()`或`rotateZ()`函数来创建3D旋转效果。`rotateX()`沿X轴旋转,`rotateY()`沿Y轴旋转,而`rotateZ()`则沿Z轴旋转。这些函数的参数是一个角度值,决定元素旋转的程度。 ...

    Flex 3 组件实例与应用(2009版)

    - **Rotate** - 旋转效果。 - **Sequence** - 顺序播放多个效果。 - **SoundEffect** - 声音效果。 - **WipeDown/WipeLeft/WipeRight/WipeUp** - 清除动画效果。 - **Zoom** - 缩放效果。 ##### 2. **ViewStates** ...

    一个带点动态效果的html5引导页代码html+css+js

    2. **jQueryrotate.js**:这是一个jQuery插件,用于实现图片的旋转效果。jQuery是一个流行的JavaScript库,简化了DOM操作、事件处理和动画效果。`jQuery.rotate.js` 提供了一个方法,使开发者能够轻松地添加旋转动画...

    jQuery圆形图标菜单旋转切换特效代码

    本篇文章将深入探讨"jQuery圆形图标菜单旋转切换特效代码"这一主题,帮助开发者理解和实现这种独特且引人注目的菜单效果。 首先,我们要明白jQuery圆形图标菜单的核心在于利用CSS3的属性来创建圆形布局,并通过...

    火影魔方相册制作(纯手写).zip

    此外,CSS3的过渡(transition)和动画(animation)功能,让火影魔方在旋转、翻转等动作中展现出平滑流畅的效果。3D转换(transform: translate3d, rotateX, rotateY等)则让每个魔方面在空间中的移动更加立体真实...

    纯CSS3天气动画图标制作7种扁平天气图标动画效果代码

    在天气动画中,我们可能会用到rotate(旋转)、scale(缩放)、translate(平移)等来实现元素的动态变化,例如云朵飘动、太阳升起等效果。 4. **过渡(Transitions)**:当元素的某个属性改变时,transition属性...

    纯css3样式属性制作各种图形图标样式代码.zip

    例如,`transform: rotate(45deg)` 会将元素顺时针旋转45度。 5. **动画(Animations)** CSS3的`@keyframes`规则允许创建复杂的动画效果。通过定义动画的关键帧,元素可以在时间轴上改变其样式。例如: ```css @...

    纯css3 transform图片倾斜排列成照片墙效果

    transform是一个多功能的属性,它可以对元素进行旋转(rotate)、缩放(scale)、平移(translate)以及倾斜(skew)等多种变换操作。在这个案例中,我们主要关注的是skew(倾斜)功能。skew函数接受两个参数,分别...

    jquery创建404动画页面

    2. 使用CSS创建动画效果,如旋转、淡入淡出等。 3. 引入jQuery库并编写JavaScript代码,实现点击事件的交互功能,如动画和页面跳转。 通过这个过程,你可以创建一个既具有视觉吸引力又具有良好用户体验的404错误...

    纯css3实现圆形旋涡动画特效源码.zip

    - `transform`属性允许我们对元素进行旋转(`rotate()`)、缩放(`scale()`)、移动(`translate()`)等多种操作。在旋涡动画中,元素会围绕中心点旋转,这将涉及到`rotate()`函数的使用。 - `transform-origin`...

    CSS3趣味万圣节动画场景特效

    3. **转换(Transforms)**:通过`transform`属性,可以实现元素的旋转(`rotate`)、缩放(`scale`)、平移(`translate`)等效果,为南瓜、幽灵等元素赋予动态运动轨迹。 4. **过渡(Transitions)**:当元素的...

    CSS3彩色方块组合图形特效.zip

    例如,`rotate()`用于旋转元素,`scale()`用于调整大小。 6. **动画(Animations)**:通过`@keyframes`规则定义动画,配合`animation`属性,可以让元素按照指定的时间轴执行一系列变化,产生动态视觉效果。 7. **...

    CSS3企业人员管理树形架构图特效.zip

    5. **Transforms**:变换属性如`rotate`、`scale`和`translate`可用于调整元素的位置和形状,比如创建折叠箭头的旋转效果。 6. **Selectors**:CSS3的高级选择器如`nth-child()`和`attribute selectors`可以帮助更...

Global site tag (gtag.js) - Google Analytics