晚修学了一个CSS的过渡:
1 <head> 2 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> 3 <link rel="stylesheet" type="text/css" href="" /> 4 <style type="text/css"> 5 span{ 6 font-size:60px; 7 color:#cccccc; 8 transition:all 1s; 9 } 10 span:hover{ 11 font-size:120px; 12 color:#000000 13 } 14 15 </style> 16 <script type="text/javascript"></script> 17 </head> 18 <body> 19 <p><span>应</span><span>科</span><span>雷</span><span>亚</span><span>总</span><span>统</span><span>邀</span><span>请</span><span>,</span><span>我</span><span>即</span><span>将</span><span>对</span><span>厄</span><span>瓜</span><span>多</span><span>尔</span><span>进</span><span>行</span><span>国</span><span>事</span><span>访</span><span>问</span><span>。</span><span>这</span><span>是</span><span>中</span><span>厄</span><span>建</span><span>交</span><span>以</span><span>来</span><span>中</span><span>国</span><span>国</span><span>家</span><span>主</span><span>席</span><span>首</span><span>次</span><span>访</span><span>问</span><span>厄</span><span>瓜</span><span>多</span><span>尔</span><span>。</span><span>我</span><span>带</span><span>着</span><span>中</span><span>国</span><span>人</span><span>民</span><span>的</span><span>友</span><span>好</span><span>情</span><span>谊</span><span>和</span><span>发</span><span>展</span><span>两</span><span>国</span><span>关</span><span>系</span><span>的</span><span>良</span><span>好</span><span>愿</span><span>望</span><span>而</span><span>来</span><span>,</span><span>期</span><span>待</span><span>搭</span><span>建</span><span>起</span><span>连</span><span>接</span><span>中</span><span>厄</span><span>两</span><span>国</span><span>新</span><span>的</span><span>友</span><span>好</span><span>合</span><span>作</span><span>之</span><span>桥</span><span>。</span></p> 20 </body> 21 </html>
今天做的是CSS里面的过渡属性,是19号晚修时候教的,我自己改了一下,鼠标移上字体就变大,一个字一个字变。毕竟是装比,所以效果图还是要放上来的。