7_hover和opacity

hover

原本是a標(biāo)簽下的一個偽類由于其特殊的性質(zhì)(鼠標(biāo)懸停觸發(fā))鹦倚,我們可以使用其進行一系列特效的設(shè)置
標(biāo)簽使用hover:
只能觸發(fā)自身 以及 后代的效果


transition: 1s;

動畫過渡時間 ,當(dāng)CSS 屬性值發(fā)生改變時,讓改變以規(guī)定的時間進行兢仰,單位 S 秒


opacity透明度:

設(shè)置標(biāo)簽透明度,沒有單位

取值范圍 0~1
0:完全透明
1:完全不透明

opacity和 display 的區(qū)別:

共同點:

隱藏
opacity:0
display:none
顯示
opacity:1
display:block

區(qū)別

使用opacity的時候并不能讓盒子消失 只是變透明了 可以設(shè)置過渡時間
display 直接讓盒子消失 不能設(shè)置過渡時間

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末戈轿,一起剝皮案震驚了整個濱河市鳄哭,隨后出現(xiàn)的幾起案子静稻,更是在濱河造成了極大的恐慌惩阶,老刑警劉巖括享,帶你破解...
    沈念sama閱讀 212,542評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異硝训,居然都是意外死亡响委,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,596評論 3 385
  • 文/潘曉璐 我一進店門窖梁,熙熙樓的掌柜王于貴愁眉苦臉地迎上來晃酒,“玉大人,你說我怎么就攤上這事窄绒。” “怎么了崔兴?”我有些...
    開封第一講書人閱讀 158,021評論 0 348
  • 文/不壞的土叔 我叫張陵彰导,是天一觀的道長。 經(jīng)常有香客問我敲茄,道長位谋,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,682評論 1 284
  • 正文 為了忘掉前任堰燎,我火速辦了婚禮掏父,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘秆剪。我一直安慰自己赊淑,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,792評論 6 386
  • 文/花漫 我一把揭開白布仅讽。 她就那樣靜靜地躺著陶缺,像睡著了一般。 火紅的嫁衣襯著肌膚如雪洁灵。 梳的紋絲不亂的頭發(fā)上饱岸,一...
    開封第一講書人閱讀 49,985評論 1 291
  • 那天,我揣著相機與錄音,去河邊找鬼苫费。 笑死汤锨,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的百框。 我是一名探鬼主播闲礼,決...
    沈念sama閱讀 39,107評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼琅翻!你這毒婦竟也來了位仁?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,845評論 0 268
  • 序言:老撾萬榮一對情侶失蹤方椎,失蹤者是張志新(化名)和其女友劉穎聂抢,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體棠众,經(jīng)...
    沈念sama閱讀 44,299評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡琳疏,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,612評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了闸拿。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片空盼。...
    茶點故事閱讀 38,747評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖新荤,靈堂內(nèi)的尸體忽然破棺而出揽趾,到底是詐尸還是另有隱情,我是刑警寧澤苛骨,帶...
    沈念sama閱讀 34,441評論 4 333
  • 正文 年R本政府宣布篱瞎,位于F島的核電站,受9級特大地震影響痒芝,放射性物質(zhì)發(fā)生泄漏俐筋。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 40,072評論 3 317
  • 文/蒙蒙 一严衬、第九天 我趴在偏房一處隱蔽的房頂上張望澄者。 院中可真熱鬧,春花似錦请琳、人聲如沸粱挡。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,828評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽抱怔。三九已至,卻和暖如春嘀倒,著一層夾襖步出監(jiān)牢的瞬間屈留,已是汗流浹背局冰。 一陣腳步聲響...
    開封第一講書人閱讀 32,069評論 1 267
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留灌危,地道東北人康二。 一個月前我還...
    沈念sama閱讀 46,545評論 2 362
  • 正文 我出身青樓,卻偏偏與公主長得像勇蝙,于是被迫代替她去往敵國和親沫勿。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,658評論 2 350

推薦閱讀更多精彩內(nèi)容

  • 1.1CSS 基礎(chǔ)與選擇器初識 | CSS 1. CSS 加載方式有幾種味混? CSS樣式加載一共有四種方式: 1产雹、行...
    沒糖_cristalle閱讀 699評論 0 0
  • 頭部開始 logo部分 導(dǎo)航nav 搜索search 用戶user banner橫幅圖片開始Start banne...
    辛敏滔閱讀 753評論 0 0
  • 概述 在網(wǎng)易云課堂學(xué)習(xí)李南江老師的《從零玩轉(zhuǎn)HTML5前端+跨平臺開發(fā)》時,所整理的筆記翁锡。筆記內(nèi)容為根據(jù)個人需求所...
    墨荀閱讀 2,332評論 0 7
  • 本文主要講述頁面布局樣式方面涉及的知識點蔓挖,更全面的對CSS相應(yīng)的技術(shù)進行歸類、整理馆衔、說明瘟判,沒有特別詳細(xì)的技術(shù)要點說...
    Joel_zh閱讀 847評論 0 1
  • 一、css樣式幾種書寫方式 1角溃、行間樣式 a.在標(biāo)簽內(nèi)添加style屬性拷获,樣式與樣式中間用分號隔開b. 優(yōu)先級高...
    A社會社會閱讀 474評論 0 0