css - 如何使目标链接工作以提供不同的 css 属性

Question

如何使以下更改成为比例转换？一旦点击链接，扩展就会发生缩放效果？

http://jsfiddle.net/vladicorp/C63nn/5/

HTML 代码:

<a href="#click">One</a>

<div id="click">
<div id="one">Number One</div>  
<div id="two">Number Two</div>  
</div>

CSS 代码:

     #click {
    transition:all 1s ease;
}

#one {
color:yellow;    

}
#two {
color:yellow;    

}

#click:target #one {
    color:red;
    font-size:90px
}

#click:target #two {
    color:blue;
    font-size:420px
}

Answer 1

在下面的 css 段中添加过渡

#click:target #one {
    color:red;
    font-size:90px;
    transition:all 1s ease;
}

#click:target #two {
    color:blue;
    font-size:420px;
    transition:all 1s ease;
}

JS Fiddle Demo