class
="layout-container container-fluid index-select"
>
class
="index-heading"
>
>
選擇三道h2
>
>
專業實力與豐富經驗p
>
div>
class
="select-content row"
>
class
="select-card"
>
class
="content-box"
>
class
="card"
>
class
="img"
>
src=
"__home__images/select1.png"
alt="
">
div>
class
="title"
>
豐厚的教學底蘊h3
>
div>
class
="item"
>
class
="desc"
>
class
="title"
>
豐厚的教學底蘊h3
>
>
藝興三道教育是國內藝術教育培訓機構，以優秀的師資團隊及獨特的教學方法，在藝術領域有著卓越的成績。p
>
div>
div>
div>
class
="content-box"
>
class
="card"
>
class
="img"
>
src=
"__home__images/select2.png"
alt="
">
div>
class
="title"
>
校區遍布全國h3
>
div>
class
="item"
>
class
="desc"
>
class
="title"
>
校區遍布全國h3
>
>
全國擁有多個教學中心：成都 巴中 沙坪壩 渝中 渝北 貴州遵義 雲南大理。p
>
div>
div>
div>
class
="content-box"
>
class
="card"
>
class
="img"
>
src=
"__home__images/select3.png"
alt="
">
div>
class
="title"
>
藝術人才孵化地h3
>
div>
class
="item"
>
class
="desc"
>
class
="title"
>
藝術人才孵化地h3
>
>
學生去向：**美術學院、中國美術學院、清華美院、四川美術學院、人民大學、中國傳媒大學、同濟大學、江南大學、重慶大學等高校。p
您的瀏覽器不支援 video 標籤。
video
>
div>
div>
div>
.index-select
.text-bottom
} .select-content
} .content-box
}&:nth-child(1)
.item
&:hover
}&:hover+.content-box,&:hover+.content-box+.content-box
}&:nth-child(2)
&:hover
}&:hover+.content-box
}&:nth-child(3)
&:hover .item
}}
.card
.title
img} .item
p } .select-movies
}}
CSS動畫效果
2d 3d 轉換 1 通過2d 3d 轉換，我們能夠對元素進行移動 縮放 轉動 拉長 拉伸。轉換是使元素改變形狀 尺寸和位置的一種效果，可以使用2d或 3d轉換來轉換元素 2 2d transform 屬性 轉換方法的值 1 translate 水平移動 垂直移動 移動 2 rotate 數字 de...
CSS動畫效果
css變形效果 transform translate 平移 translate x,y translatex x translatey y 相對於元素原始位置平移。scale 縮放 大於1放大，小於1縮小。rotate 旋轉 單位 deg度 grad 梯度 rad 弧度 turn 轉 圈 tran...
css3卡片陰影效果
1.css3陰影用到的知識點 陰影box shadow和插入 after before html部分 doctype html html head meta charset utf 8 title title head body div class box case content h1 卡片陰影效...