Hybrid View

  1. #1
    Sencha User
    Join Date
    Jun 2012
    Posts
    1
    Vote Rating
    0
    chaosplan is on a distinguished road

      0  

    Default Masking Objects

    Masking Objects


    I've seen a couple items in the forum regarding masking and is possibly supported for webkit browsers.

    If I wanted to mask an animated object and restrict it from covering another animated object, how do I add the tags in the Sencha CSS area?

    Are there any examples of this?

  2. #2
    Sencha User arnebech's Avatar
    Join Date
    Jun 2010
    Posts
    498
    Vote Rating
    9
    arnebech will become famous soon enough

      0  

    Default


    For basic masking (square) you can set the overflow to hidden on the parent object.

    For webkit mask, you could add something like this to the custom css property for an object base state. You'll find the 'custom css' property under the 'Other' property group in the property panel.

    Code:
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
    Here is some Apple/Safari documentation on webkit masking
    http://developer.apple.com/library/s...sks/Masks.html

Thread Participants: 1

Tags for this Thread

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar