2021-12-15xiaoxiami閱讀(610)贊(0)

css中，可用“nth-child()”選擇器來(lái)選擇表格的偶數(shù)行元素，該選擇器用于匹配屬于其父元素的第n個(gè)子元素，當(dāng)選擇器內(nèi)的值為“2n”時(shí)，就會(huì)選擇偶數(shù)個(gè)數(shù)對(duì)象，語(yǔ)法為“表格行元素:nth-child(2n){css樣式代碼;}”。 本教...

2021-12-15xiaoxiami閱讀(985)贊(0)

css中實(shí)現(xiàn)2d旋轉(zhuǎn)的函數(shù)是“rotate()”函數(shù)。rotate()函數(shù)可與transform屬性配合使用，語(yǔ)法為“元素{transform:rotate(角度值);}”；參數(shù)角度為正數(shù)時(shí)元素順時(shí)針旋轉(zhuǎn)，參數(shù)角度為負(fù)數(shù)時(shí)元素逆時(shí)針旋轉(zhuǎn)。 ...

2021-12-15xiaoxiami閱讀(1126)贊(0)

css3中實(shí)現(xiàn)旋轉(zhuǎn)效果的屬性是“transform”。transform屬性用于向元素應(yīng)用2D或3D轉(zhuǎn)換，當(dāng)該屬性和rotate()、rotate3d()、rotateX()、rotateY()或rotateZ()函數(shù)一起使用即可實(shí)現(xiàn)旋轉(zhuǎn)。...

2021-12-15zhaods閱讀(629)贊(0)

漸變是css3新增的圖片類(lèi)型，用來(lái)代替圖片。CSS3定義了兩種類(lèi)型的漸變：1、線(xiàn)性漸變，使用“l(fā)inear-gradient()”函數(shù)定義；2、徑向漸變，使用“radial-gradient()”函數(shù)定義。 本教程操作環(huán)境：windows7...

2021-12-15zhaods閱讀(563)贊(0)

方法：1、利用“元素{animation:名稱(chēng) 時(shí)間}”語(yǔ)句給元素綁定動(dòng)畫(huà)；2、利用“@keyframes 名稱(chēng){50%{transform:scale(左右伸縮倍數(shù),1);}}”語(yǔ)句，設(shè)置元素伸縮的動(dòng)畫(huà)動(dòng)作，實(shí)現(xiàn)元素左右伸縮動(dòng)畫(huà)效果。 本...

2021-12-15zhaods閱讀(1471)贊(0)

css3邊框新增加的特性有：border-radius、border-image、border-image-outset、border-image-repeat、border-image-slice、border-image-width等。...

2021-12-15zhaods閱讀(553)贊(0)

css中，可利用transform屬性配合scale()函數(shù)實(shí)現(xiàn)img元素等比例縮小，transform屬性允許設(shè)置元素的縮放操作，scale()函數(shù)用于定義元素的縮放轉(zhuǎn)換，語(yǔ)法為“img{transform:scale(縮放比例);}”。...

2021-12-15zhaods閱讀(646)贊(0)

CSS3支持多種濾鏡。CSS3中可利用filter屬性來(lái)給元素添加濾鏡效果，該屬性?xún)?nèi)置多種濾鏡函數(shù)：blur()設(shè)置模糊濾鏡、brightness()設(shè)置亮度濾鏡、contrast()設(shè)置對(duì)比度濾鏡、grayscale()設(shè)置灰度濾鏡等。 ...

2021-12-15zhaods閱讀(497)贊(0)

在css中，可以利用“:hover”選擇器和“box-shadow”屬性實(shí)現(xiàn)鼠標(biāo)懸停時(shí)的陰影效果，語(yǔ)法為“元素:hover{box-shadow:水平陰影位置 垂直陰影位置;}”。 本教程操作環(huán)境：windows10系統(tǒng)、CSS3&...

2021-12-15xiaoxiami閱讀(767)贊(0)

css3新增的選擇器：“[attribute^=value]”、“[attribute$=value]”、“[attribute*=value]”、“:first-of-type”、“:root”、“:empty”、“:target”等等。...