我发现这篇文章:
http://www.zurb.com/article/221/css3-animation-will-rock-your-world关于css3动画.
我试图在上面的网站上创建一个类似的效果,但在个人网站上:www.imfrom.me
我有缅因州,有红色尖盒.我想通过指示位置的箭头创建一个脉冲环.
更新代码:
我在下面提出了这个问题(在这里试试:http://jsfiddle.net/ftrJn/),因为你可以告诉它,我对如何从中心发展它有任何想法:
.gps_ring {
border: 3px solid #999;
-webkit-border-radius: 30px;
height: 18px;
width: 18px;
position: absolute;
left:20px;
top:214px;
}
.gps_ring{
-webkit-animation-name: pulsate;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite
}
@-webkit-keyframes pulsate {
0% { width:1px;height: 1px; opacity: 0.0}
10% { width:3px;height: 3px; opacity: .20}
20% { width:5px;height: 5px; opacity: .40 }
30% { width:7px;height: 7px; opacity: .60 }
40% { width:9px;height: 9px; opacity: .80 }
50% { width:11px;height: 11px; opacity: 1.0} …Run Code Online (Sandbox Code Playgroud) 使用谷歌地图iOS SDK我已经实现了mapView,我已经创建了如下标记
// Creates a marker in the center of the map.
GMSMarker *marker = [[GMSMarker alloc] init];
marker.position = CLLocationCoordinate2DMake(-33.86, 151.20);
marker.title = @"Sydney";
marker.snippet = @"Australia";
marker.icon = [UIImage imageNamed:@"point1.png"];
marker.map = mapView_;
Run Code Online (Sandbox Code Playgroud)
但我需要显示动画图像,即要显示的一些图像序列,一个点周围的动画环,而不是原始的GMSMarker
图像序列是point1.png point2.png point3.png point4.png point5.png
任何人都可以帮助我实现这一目标
我想知道是否可以将闪烁动画应用于UI按钮.我在互联网上搜索过,但只找到了脉冲动画的代码,它不断改变我的Uibutton的大小.我改为考虑某种闪烁动画来提醒用户他必须按下按钮.我能想到的问题的唯一方法是使用以下方法不断更改alpha:
[self setAlpha:0.5];
Run Code Online (Sandbox Code Playgroud)
...但它不会像闪烁按钮那样可见.
我正在尝试制作一个脉冲动画,我发现了这个:
ios - 如何在UIButton上制作原生的"脉冲效果"动画
,这很有用,但我需要别的东西,所以我有文字字段,UITextField它有边框,当你专注于它我希望边框改变颜色,但以特定的方式我希望它从中心开始然后传播,我找不到动画所以我将尝试通过文本演示它:B =黑色Y =黄色.这是边界:
BBBBBBB
边界集中:
BBBYBBB
BBYYYBB
BYYYYYB
YYYYYYY
动画结束,焦点丢失:
BYYYYYB
BBYYYBB
BBBYBBB
BBBBBBB
我的代码看起来像这样:
let pulseAnimation = CABasicAnimation(keyPath: "borderColor")
pulseAnimation.duration = 3
pulseAnimation.fromValue = UIColor.darkGrayColor().CGColor
pulseAnimation.toValue = UIColor.yellowColor().CGColor
pulseAnimation.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionEasInEaseOut)
pulseAnimation.autoreverses = true
//pulseAnimation.repeatCount = FLT_MAX
x.layer.sublayers![0].addAnimation(pulseAnimation, forKey: nil)
Run Code Online (Sandbox Code Playgroud)
它有效,但我需要它做其他事情
animation ×3
ios ×3
css3 ×1
google-maps ×1
mapkit ×1
objective-c ×1
swift ×1
uikit ×1
uitextfield ×1
webkit ×1
xcode ×1