Framer Example

scaleLayer =new Layer ({
	width:300,
	height:200,
	y:400
	borderRadius:20,
	backgroundColor: "#ffcc00"
})
scaleLayer.centerX()

scaleUp = new Layer({
	width: 150,
	height: 150,
	x: Framer.Device.screen.width - 150 - 150,
	y: 100,
	borderRadius:30,
	backgroundColor: "#1BACE6"
})

scaleDown = new Layer({
	width: 150,
	height: 150,
	x: 150,
	y: 100,
	borderRadius:30,
	backgroundColor: "#FF4136"
})

scaleValue = 1

scaleUp.on Events.Click, ->
	print "Scale Up!"
	print "Yellow Layer width: " + scaleLayer.width
	print "Yellow Layer minX: " + scaleLayer.minX
	scaleValue += 0.3
	scaleLayer.animate({
		properties: {scale : scaleValue},
		curve: "spring(100,20,20)"
	})

scaleDown.on Events.Click, ->
	print "Scale Down!"
	print "Yellow Layer width: " + scaleLayer.width
	print "Yellow Layer minX: " + scaleLayer.minX
	scaleValue -= 0.3
	scaleLayer.animate({
		properties: {scale : scaleValue},
		curve: "spring(100,20,20)"
	})