Scratch—实现一个按钮的动画效果

上次介绍了利用克隆体操作生成菜单按钮,今天讲一讲如何让一个按钮具有动画的效果:当鼠标移到某个按钮上面时,显示动画效果

  • 让菜单按钮有虚像效果
  • 让菜单具有逐渐变大的效果
  • 改变菜单按钮的颜色

其他的特效都是类似实现,大家可以试一试。编程本身就是一门动手实践的课程,大家要多动动手。

原文地址:https://www.cnblogs.com/scratch3/p/10935783.html

时间: 2024-10-12 05:18:56

Scratch—实现一个按钮的动画效果的相关文章

一个扇形的动画效果

用cashapelayer和core animation实现的一个扇形的动画效果. 直接贴代码 可以让cashapelayer跟着动画里面的一个path动态的绘图 -(void)addarcanimation { CAShapeLayer *linelayer=[CAShapeLayer layer]; linelayer.strokeColor=[[UIColor colorWithRed:0.400 green:1.000 blue:1.000 alpha:1.000] CGColor];

写一个android带动画效果的TabHost(类似微博客户端的切换效果)

先上图: 这个Layout是: <?xml version="1.0" encoding="UTF-8"?> <TabHost xmlns:android="http://schemas.android.com/apk/res/android" android:id="@android:id/tabhost" android:layout_width="fill_parent" andro

通过css的before和after制作按钮的动画效果

看了下面网站的按钮效果,想自己也试试. http://tympanus.net/Development/CreativeLinkEffects/ 按照网站的效果以此的实现. 1.左右两侧出现边框的效果.相见代码如下: html代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="styl

一个简单hover动画效果

HTML: <div id="demo1" class="demo">demo1</div> <div id="demo2" class="demo">demo2</div> CSS: .demo { width: 100px; height: 100px; text-align: center; line-height: 100px; border: 10px solid #c

android 给LinearLayout中添加一定数量的控件,并让着一定数量的控件从右到左移动,每隔若干秒停顿一下,最后一个view链接第一个view,然后继续移动循环往复,形成一个死循环简单动画效果

主类:IndexAnimationLinearLayout.java package com.yw.sortlistview; import java.util.ArrayList; import java.util.List; import android.annotation.SuppressLint; import android.content.Context; import android.graphics.Canvas; import android.os.Handler; impo

第三十八篇、给UITabBar按钮的动画效果

- (void)tabBar:(UITabBar *)tabBar didSelectItem:(UITabBarItem *)item { NSInteger index = [self.tabBar.items indexOfObject:item]; if (self.indexFlag != index) { [self animationWithIndex:index]; } } // 动画 - (void)animationWithIndex:(NSInteger) index {

代码:一个简单css3动画效果demo

四行文字会逐次掉落: <style type="text/css"> @-webkit-keyframes fadeInDown1 { 0% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } .div1

一个有趣的动画效果

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ width: 200px; height: 200px; margin: 100px auto; background-color:rgba(255,0,0,.7); border-radi

DCPathButtonDemo(按钮的动画效果)

开始效果图: 点击button后效果图: 工程目录: 工程详细目录: RootViewController.h #import <UIKit/UIKit.h> //加入头文件 #import "DCPathButton.h" @interface RootViewController : UIViewController <DCPathButtonDelegate> @end RootViewController.m - (void)viewDidLoad {