九九热线视频精品99-动漫高h纯肉无码视频在线观看-午夜理论无码片在线观看免费-99精品国产在热久久无码-亚洲国产成人乱码

CSS之詳解:active選擇器

2016/12/5 8:37:41   閱讀:3500    發布者:3500

Active的一段話

 active的英文解釋為"積極的",表現在鼠標上就是點擊的意思。關于active選擇器最多
的示例恐怕就是應用在鏈接上面的,然而打開鏈接是一個一瞬間的動作,這不能很好的體現
active選擇器的特點。

 

Active的特點

其實我們打開一個帶有active鏈接,激活acive是有一個過程的,就是點擊模塊后直到松開模塊。
如果我們不指定這個過程所花費的時間,筆者認為其默認花費零點幾秒。

<!DOCTYPE html> 
<html> 
  <head> 
    <title>a</title> 
    <meta name="content-type" content="text/html; charset=UTF-8"> 
      <style> 
      a{ 
        display:block; 
        width:30px; 
        margin:20px; 
        border-radius:8px; 
        padding:20px 50px; 
        text-align:center; 
        background:green; 
      } 
      a:active{ 
        background:indigo; 
      } 
    </style> 
  </head> 
   
  <body> 
    <a href="paris.jpg">link</a> 
  </body> 
</html>

 

我們可以通過過渡屬性(transition)來調整這個時間。

      a:active{ 
        background:indigo; 
        transition:3s; 
      }

 

讀者可以做一個實驗,改變其中transition的值,然后測試:avtive選擇器所花費的時間。

 

ACTIVE示例

<!DOCTYPE html> 
<html> 
  <head> 
    <title>a</title> 
    <meta name="content-type" content="text/html; charset=UTF-8"> 
    <style>  
       div 
      { 
        width:100px; 
        height:100px; 
        background:red; 
        transition: 5s; 
       } 

        div:active 
       { 
        width:300px; 
        height:300px; 
        transition:3s; 
        } 
      </style> 
  </head> 
  <body> 
  <div></div> 
  </body> 
</html> 
             

這里面有兩個transition,也就是意味著有兩個過渡。

    1. 第一個過渡是激活active選擇器,這時候 div:avtive 里的 transition 起作用。
    2. 第二個過渡是松開鼠標,圖像的尺寸恢復正常的過程,這時候 div 里的 transition 起作用。

如果讀者只設置了在 div 里面的 transition ,那么選擇器的過渡時間也就默認為 div 里的 transition 了。

 

如果讀者有興趣也可以試一試transition和其他選擇器的組合。

 

主站蜘蛛池模板: 国产乱辈通伦影片在线播放亚洲| 嫩草欧美曰韩国产大片| 亚洲精品第一国产综合境外资源| 狠狠躁日日躁夜夜躁2022麻豆| 热re99久久精品国产66热| 永久免费看啪啪网址入口| 国产97色在线 | 免费| 国产麻豆成人精品av| 人人妻人人澡人人爽超污| 97成人精品区在线播放| 午夜私人成年影院在线观看 | 免费午夜无码视频在线观看| 国产黑色丝袜在线视频| www国产亚洲精品久久网站| 女人的精水喷出来视频| 欧美熟妇另类久久久久久多毛| 东北妇女精品bbwbbw| 亚洲国产精品久久一线app| 久久久久国产精品人妻aⅴ四季| 欧美乱妇高清无乱码在线观看| 国产亚洲成av人片在线观看导航| 国产成人精品日本亚洲成熟| 国产在线精品一区二区三区| 精品av无码国产一区二区| 免费国产人成18在线观看| 欧美日激情日韩精品嗯| 久久久久无码精品国产不卡| 欧洲免费无线码在线一区| 天堂在线www资源在线| 丰满少妇被猛烈进入| 最新精品视频2020在线视频 | 男女性色大片免费网站| 欧美z0zo人禽交欧美人禽交| 亚洲另类激情综合偷自拍图| 色综合久久无码中文字幕app| 伊人久久大香线蕉av色婷婷色| 人妻丰满熟妇av无码区| 无码人妻丰满熟妇区免费| 少妇厨房愉情理伦片bd在线观看| 亚洲国产成人精品无码区花野真一| 色又黄又爽18禁免费视频|