Latest 1.4.0
Homepage https://github.com/baidao/YTXAnimations
License MIT
Platforms ios 7.0, requires ARC
Frameworks UIKit, CoreGraphics, QuartzCore
Authors

CI Status
Version
License
Platform

Reference Animate.CSS CSShake Magic.CSS

YTXAnimateCSS YTXCSShake YTXMagicCSS

Usage

#import <YTXAnimations/UIView+YTXAnimateCSS.h>
#import <YTXAnimations/UIView+YTXCSShake.h>
#import <YTXAnimations/UIView+YTXMagicCSS.h>

CAAnimation * tada = [view ytx_tadaAnimationWithDurationTime:1];
tada.repeatCount = CGFLOAT_MAX;

[view ytx_basicShakeAnimation];
//removeAnimationForKey the key is function name. Please pay attention to colon!!! "ytx_tadaAnimationWithDurationTime:"
[view.layer removeAnimationForKey:@"ytx_tadaAnimationWithDurationTime:"];

// No colon
[view.layer removeAnimationForKey:@"ytx_basicShakeAnimation"];

Integration

You shouldn’t just use: pod "YTXAnimations". Since CocoaPods 0.36+ you should do something like:

pod 'YTXAnimations', :subspecs => ["AnimateCSS", "CSShake", "MagicCSS"]

License

YTXAnimations is available under the MIT license. See the LICENSE file for more info.

If you use YTXAnimations in one of your apps, I’d love to hear about it.

List of Animate.CSS

Attention Seekers

  • ytx_jelloAnimationWithDurationTime:
  • ytx_wobbleAnimationWithDurationTime:
  • ytx_swingAnimationWithDurationTime:
  • ytx_rubberBandAnimationWithDurationTime:
  • ytx_pulseAnimationWithDurationTime:
  • ytx_flashAnimationWithDurationTime:
  • ytx_bounceAnimationWithDurationTime:
  • ytx_tadaAnimationWithDurationTime:
  • ytx_shakeAnimationWithDurationTime:

Bouncing Entrances

  • ytx_bounceInAnimationWithDurationTime:
  • ytx_bounceInDownAnimationWithDurationTime:
  • ytx_bounceInLeftAnimationWithDurationTime:
  • ytx_bounceInRightAnimationWithDurationTime:
  • ytx_bounceInUpAnimationWithDurationTime:

Bouncing Exits

  • ytx_bounceOutAnimationWithDurationTime:
  • ytx_bounceOutDownAnimationWithDurationTime:
  • ytx_bounceOutLeftAnimationWithDurationTime:
  • ytx_bounceOutRightAnimationWithDurationTime:
  • ytx_bounceOutUpAnimationWithDurationTime:

Fading Entrances

  • ytx_fadeInAnimationWithDurationTime:
  • ytx_fadeInDownAnimationWithDurationTime:
  • ytx_fadeInDownBigAnimationWithDurationTime:
  • ytx_fadeInLeftAnimationWithDurationTime:
  • ytx_fadeInLeftBigAnimationWithDurationTime:
  • ytx_fadeInRightAnimationWithDurationTime:
  • ytx_fadeInRightBigAnimationWithDurationTime:
  • ytx_fadeInUpAnimationWithDurationTime:
  • ytx_fadeInUpBigAnimationWithDurationTime:

Fading Exits

  • ytx_fadeOutAnimationWithDurationTime:
  • ytx_fadeOutDownAnimationWithDurationTime:
  • ytx_fadeOutDownBigAnimationWithDurationTime:
  • ytx_fadeOutLeftAnimationWithDurationTime:
  • ytx_fadeOutLeftBigAnimationWithDurationTime:
  • ytx_fadeOutRightAnimationWithDurationTime:
  • ytx_fadeOutRightBigAnimationWithDurationTime:
  • ytx_fadeOutUpAnimationWithDurationTime:
  • ytx_fadeOutUpBigAnimationWithDurationTime:

Zoom Exits

  • ytx_zoomOutAnimationWithDurationTime:
  • ytx_zoomOutDownAnimationWithDurationTime:
  • ytx_zoomOutLeftAnimationWithDurationTime:
  • ytx_zoomOutRightAnimationWithDurationTime:
  • ytx_zoomOutUpAnimationWithDurationTime:

Flippers

  • ytx_flipAnimationWithDurationTime:
  • ytx_flipInXAnimationWithDurationTime:
  • ytx_flipInYAnimationWithDurationTime:
  • ytx_flipOutXAnimationWithDurationTime:
  • ytx_flipOutYAnimationWithDurationTime:

LightSpeed

  • ytx_lightSpeedInAnimationWithDurationTime:
  • ytx_lightSpeedOutAnimationWithDurationTime:

Special

  • ytx_hingeAnimationWithDurationTime:
  • ytx_rollInAnimationWithDurationTime:
  • ytx_rollOutAnimationWithDurationTime:

Zoom Entrances

  • ytx_zoomInAnimationWithDurationTime:
  • ytx_zoomInLeftAnimationWithDurationTime:
  • ytx_zoomInRightAnimationWithDurationTime:
  • ytx_zoomInDownAnimationWithDurationTime:
  • ytx_zoomInUpAnimationWithDurationTime:

Slide Exits

  • ytx_slideOutDownAnimationWithDurationTime:
  • ytx_slideOutLeftAnimationWithDurationTime:
  • ytx_slideOutRightAnimationWithDurationTime:
  • ytx_slideOutUpAnimationWithDurationTime:

Slide Entrances

  • ytx_slideInDownAnimationWithDurationTime:
  • ytx_slideInLeftAnimationWithDurationTime:
  • ytx_slideInRightAnimationWithDurationTime:
  • ytx_slideInUpAnimationWithDurationTime:

Rotating Entrances

  • ytx_rotateInDownLeftAnimationWithDurationTime:
  • ytx_rotateInAnimationWithDurationTime:
  • ytx_rotateInDownRightAnimationWithDurationTime:
  • ytx_rotateInUpRightAnimationWithDurationTime:
  • ytx_rotateInUpLeftAnimationWithDurationTime:

Rotating Exits

  • ytx_rotateOutDownLeftAnimationWithDurationTime:
  • ytx_rotateOutAnimationWithDurationTime:
  • ytx_rotateOutDownRightAnimationWithDurationTime:
  • ytx_rotateOutUpRightAnimationWithDurationTime:
  • ytx_rotateOutUpLeftAnimationWithDurationTime:

List of CSShake

  • ytx_basicShakeAnimation
  • ytx_littleShakeAnimation
  • ytx_slowShakeAnimation
  • ytx_hardShakeAnimation
  • ytx_horizontalShakeAnimation
  • ytx_verticalShakeAnimation
  • ytx_rotateShakeAnimation
  • ytx_opacityShakeAnimation
  • ytx_crazyShakeAnimation

List of Magic.CSS

Magic Effects

  • ytx_magicAnimationWithDurationTime:
  • ytx_twisterInDownAnimationWithDurationTime:
  • ytx_twisterInUpAnimationWithDurationTime:
  • ytx_swapAnimationWithDurationTime:

Static Effects

  • ytx_openDownLeftAnimationWithDurationTime:
  • ytx_openDownRightAnimationWithDurationTime:
  • ytx_openUpLeftAnimationWithDurationTime:
  • ytx_openUpRightAnimationWithDurationTime:
  • ytx_openDownLeftRetournAnimationWithDurationTime:
  • ytx_openDownRightRetournAnimationWithDurationTime:
  • ytx_openUpLeftRetournAnimationWithDurationTime:
  • ytx_openUpRightRetournAnimationWithDurationTime:

Static Effects Out

  • ytx_openDownLeftOutAnimationWithDurationTime:
  • ytx_openDownRightOutAnimationWithDurationTime:
  • ytx_openUpLeftOutAnimationWithDurationTime:
  • ytx_openUpRightOutAnimationWithDurationTime:

Perspective Effects

  • ytx_perspectiveDownAnimationWithDurationTime:
  • ytx_perspectiveUpAnimationWithDurationTime:
  • ytx_perspectiveLeftAnimationWithDurationTime:
  • ytx_perspectiveRightAnimationWithDurationTime:
  • ytx_perspectiveUpRetournAnimationWithDurationTime:
  • ytx_perspectiveDownRetournAnimationWithDurationTime:
  • ytx_perspectiveLeftRetournAnimationWithDurationTime:
  • ytx_perspectiveRightRetournAnimationWithDurationTime:

Rotate

  • ytx_rotateDownAnimationWithDurationTime:
  • ytx_rotateUpAnimationWithDurationTime:
  • ytx_rotateLeftAnimationWithDurationTime:
  • ytx_rotateRightAnimationWithDurationTime:

Slide

  • ytx_slideDownAnimationWithDurationTime:
  • ytx_slideLeftAnimationWithDurationTime:
  • ytx_slideRightAnimationWithDurationTime:
  • ytx_slideUpAnimationWithDurationTime:
  • ytx_slideDownRetournAnimationWithDurationTime:
  • ytx_slideLeftRetournAnimationWithDurationTime:
  • ytx_slideRightRetournAnimationWithDurationTime:
  • ytx_slideUpRetournAnimationWithDurationTime:

Math

  • ytx_swashOutAnimationWithDurationTime:
  • ytx_swashInAnimationWithDurationTime:
  • ytx_foolishOutAnimationWithDurationTime:
  • ytx_foolishInAnimationWithDurationTime:
  • ytx_holeOutAnimationWithDurationTime:

Tin

  • ytx_tinDownInAnimationWithDurationTime:
  • ytx_tinLeftInAnimationWithDurationTime:
  • ytx_tinRightInAnimationWithDurationTime:
  • ytx_tinUpInAnimationWithDurationTime:
  • ytx_tinDownOutAnimationWithDurationTime:
  • ytx_tinLeftOutAnimationWithDurationTime:
  • ytx_tinRightOutAnimationWithDurationTime:
  • ytx_tinUpOutAnimationWithDurationTime:

Boing

  • ytx_boingInUpAnimationWithDurationTime:
  • ytx_boingOutDownAnimationWithDurationTime:

On The Space

  • ytx_spaceOutUpAnimationWithDurationTime:
  • ytx_spaceOutRightAnimationWithDurationTime:
  • ytx_spaceOutDownAnimationWithDurationTime:
  • ytx_spaceOutLeftAnimationWithDurationTime:
  • ytx_spaceInUpAnimationWithDurationTime:
  • ytx_spaceInRightAnimationWithDurationTime:
  • ytx_spaceInDownAnimationWithDurationTime:
  • ytx_spaceInLeftAnimationWithDurationTime:

Latest podspec

{
    "name": "YTXAnimations",
    "version": "1.4.0",
    "summary": "u63d0u4f9bUIViewu7684u52a8u753b",
    "description": "The iOS animation implementation of CSS3",
    "homepage": "https://github.com/baidao/YTXAnimations",
    "license": "MIT",
    "authors": {
        "caojun": "[email protected]"
    },
    "source": {
        "git": "https://github.com/baidao/YTXAnimations.git",
        "tag": "1.4.0"
    },
    "platforms": {
        "ios": "7.0"
    },
    "requires_arc": true,
    "source_files": "Pod/Classes/**/*",
    "frameworks": [
        "UIKit",
        "CoreGraphics",
        "QuartzCore"
    ],
    "subspecs": [
        {
            "name": "AnimateCSS",
            "source_files": [
                "Pod/Classes/UIView+YTXAnimateCSS.*",
                "Pod/Classes/YTXAnimationsUtil.{h,m}"
            ]
        },
        {
            "name": "CSShake",
            "source_files": [
                "Pod/Classes/UIView+YTXCSShake.*",
                "Pod/Classes/YTXAnimationsUtil.{h,m}"
            ]
        },
        {
            "name": "MagicCSS",
            "source_files": [
                "Pod/Classes/UIView+YTXMagicCSS.*",
                "Pod/Classes/YTXAnimationsUtil.{h,m}"
            ]
        },
        {
            "name": "Transformer",
            "source_files": [
                "Pod/Classes/YTXGooeyCircleLayer.{h,m}",
                "Pod/Classes/YTXCountDownShowLayer.{h,m}"
            ]
        }
    ]
}

Pin It on Pinterest

Share This