Question: I have created a navbar using an unordered list. Here is my problem:

I cannot change the color of the text of the list items and for some reason I cannot click my links anymore (I was able to click them a while ago in development, no idea when they stopped working).

Here is what the items look like now:

<http://gyazo.com/c089ed3f21368d4d2a1d91a52e129222.png>

HTML:

```
<div class="grid_16 alpha" id="header">
    <ul id="nav" class="grid_4 prefix_1">
        <li id="nav_home"><a href="#">Home</a></li>
        <li id="nav_home"><a href="#">News</a></li>             
    </ul>
</div>

```

CSS:

```
#nav {
    color:white;
    margin-top: 54px;
}

#nav li {
    color: white;
    display: inline;        
}

#nav a:link {
    font-family: ColaborateThinRegular; 
    font-size: 18px;
    text-decoration: none;
    background-color: #353535;
    padding: 5px 20px;
    margin-right: 15px; 
    color: white;
    box-shadow: 1px 1px 3px #000;   
}

```

Answer: 
You have wrong x scale parameter - `CGAffineTransformMakeScale(0.0, 0.5)`
Change to `CGAffineTransformMakeScale(1.0, 0.5)`, cause you don't want to modify your width.

0.0 is the reason that your view is disappearing.

But if you prefer to make it growing for a while first, it would be easier to use CAKeyframeAnimation - you can easly control key-times, values and timing functions. For example you can do something like this:

```
CAKeyframeAnimation *shrinkAnimation = [CAKeyframeAnimation animationWithKeyPath:@"transform"];
shrinkAnimation.values = [NSArray arrayWithObjects:
                          [NSValue valueWithCATransform3D:CATransform3DMakeScale(1.0, 1.0, 1.0)],
                          [NSValue valueWithCATransform3D:CATransform3DMakeScale(1.0, 1.4, 1.0)],
                          [NSValue valueWithCATransform3D:CATransform3DMakeScale(1.0, 0.0, 1.0)],
                          nil];
shrinkAnimation.keyTimes = [NSArray arrayWithObjects:@0.0, @0.2, @1.0, nil];
shrinkAnimation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn];
shrinkAnimation.duration = 0.4;
shrinkAnimation.removedOnCompletion = NO;
shrinkAnimation.fillMode = kCAFillModeForwards;
[self. textOptionsPopover.layer addAnimation:shrinkAnimation forKey:@"shrink"];

```

Edited:
If you want the view to shrink "from top to bottom", just change the anchor point of the layer (remember that changing anchor point will change the frame!):

```
CGRect frame = self.textOptionsPopover.layer.frame;
self.textOptionsPopover.layer.anchorPoint = CGPointMake(0.5, 1.0);
self.textOptionsPopover.layer.frame = frame;

```
You could change the frame size and animate that. 
For example

Suppose finalFrameSize is a CGRect for the final value, you could get the animation effect like this.

```
 [UIView animateWithDuration:0.3f
                  animations:^{
                                 currentView.frame = finalFrameSize;
                             }
                             completion:^(BOOL finished){
                                 // Do something after the animation is comlete
                             }];

```