可惜提供的源代码没有相应的libs包
1:聚光灯效果:
实例:http://www.rphelan.com/flex/SpotlightDemo/SpotlightDemo.html
ambientColor - color to apply to all pixels of the image
angle - angle at which the spotlight is projected (in degrees)
azimuth - angle between the image plane and the spotlight (in degrees)
coneAngle - angle of the spotlight's "opening" (in degrees)
distance - distance from the spotlight to the center point
intensity - intensity of the spotlight
position - x, y, z position of the spotlight
spotColor - color of the spotlight
源文件:http://www.rphelan.com/flex/SpotlightDemo/srcview/index.html
2:放大镜效果:
实例:http://www.rphelan.com/flex/MagnifyDemo/MagnifyDemo.html
center ([0-2048, 0-2048]) - the center coordinates of the magnified area
outerRadius (0-500) - the radius of the magnified part of the image
innerRadius (0-500) - the radius of the fully magnified part of the image
magnification (1-50) - the amount to magnify the image by (e.g. set to 2 for a 2x magnification)
源文件:http://www.rphelan.com/flex/MagnifyDemo/srcview/index.html
3:缩放模糊效果:
实例:http://www.rphelan.com/flex/ZoomBlurDemo/ZoomBlurDemo.html
amount (0 - 0.5) - the amount of blur to apply
center ([0 - 2048, 0 - 2048]) - the focal point of the blur
源文件:http://www.rphelan.com/flex/ZoomBlurDemo/srcview/index.html
4:浮雕效果:
实例:http://www.rphelan.com/flex/SharpenDemo/SharpenDemo.html
amount (0 - 20) - the amount to sharpen the image by
radius (0 - 1) - pixel distance to sample from
源文件:http://www.rphelan.com/flex/SharpenDemo/srcview/index.html
5:水波效果:
实例:http://www.rphelan.com/flex/WaveReflectionDemo/WaveReflectionDemo.html
amplitude (0-1) - the height of the waves
frequency (0-.54) - how close together the waves are. Higher value = more waves.
progress (0-1) - percentage of the wave sequence. Animate from 0 to 1 to get a smooth wave effect.
源文件:http://www.rphelan.com/flex/WaveReflectionDemo/srcview/index.html
分享到:
相关推荐
flex放大镜、flex滤镜、flex图像放大、局部图像放大
Flex 的特效-缩放模糊效果,可以根据具体的需求进行缩放和模糊的实现
Flex 放大镜效果!点按纽后放大,具体看项目源码!
导入工程后可以直接使用的flex水波纹效果
display: flex弹性布局
聚光灯效果Demo,效果源代码,可用,测试过的
Flex的几款特效-实现了放大镜的效果。
flex 缩放模糊 效果源代码,可用,测试过的
小日本做的 很JP的水波效果flash 已经加了注释
Flex滤镜效果,可对控件或者GIS对象制作特效,闪烁等。
控件可直接使用,内附使用demo,有问题留言给我,我们共同进步。
主要给大家介绍了CSS中的display:flex和display:inline-flex属性,文中分别通过两段实例代码给大家介绍了display:flex和display:inline-flex的使用效果,感兴趣的朋友们可以参考借鉴,下面来一起看看吧。
flex翻书效果flex翻书效果flex翻书效果
body { background: hsl(213, 8%, 40%); display: flex; flex-direction: row; ... justify-content: center;... js带模糊效果交互式3D相册切换特效是一款可以设置图片数量和模糊度的3d图片相册动画切换代码。
flex缩放时鼠标周边效果,类似于google地图缩放时鼠标周边效果
Flex做的非常好的一个效果例子,Flex开门,关门,翻转,效果。
而将Rails和Flex配合着使用的话,那将可以获得非常不错的开发效率和开发效果。 Peter Armstrong专门针对这个问题写了《Flexible Rails: Flex 3 on Rails 2》,对如何配合使用作了一个比较全面地介绍。
Flex实现的朝4个方向翻转的效果,可以扩展实现很多特殊展示效果
flex 图片放大,放大镜显示,一共三个例子,不同效果。
(哇小侠)微信小程序学习用demo推荐:flex布局.zip