5.3.定位在交互上的应用 - html+css网页前端课程 - 笔记中心 - 第｛

html+css网页前端课程

5.3.定位在交互上的应用

本节简介：

利用定位布局制作鼠标移入时的图文交互效果，涉及小知识点背景颜色的不透明度以及过渡属性设置。

分享到：

本节课同学们做的笔记点击播放按钮可自动定位到对应时间进行播放

star1991

时间：03:28

本节课目标：制作鼠标点击图片，出现半透明的图片效果

顶(0)

huandouer

时间：13:43

rgba三原色a透明rgba（Red红, green绿, blue蓝，透明度1）；transition过渡：0.3s {o.3秒}

顶(0)

JH鹰

时间：15:47

rgb三原色a透明rgba（Red红, green绿, blue蓝，透明度1）；transition过渡：0.3s {o.3秒}

顶(0)

张小辣

时间：07:23

relative相对定位

顶(0)

小商J

时间：06:33

改变位置的元素都用绝对定位

顶(0)

bitop

时间：13:48

background:rgba(颜色值,颜色值,颜色值,透明度值)

顶(0)

一阵风111

时间：17:51

transition 不能加在hover上

顶(0)

一阵风111

时间：15:51

transition过渡

顶(0)

一阵风111

时间：13:49

background:rgba( , , ,0.5)

顶(0)

袏转弯

时间：14:28

transition:0.3s;过渡时间0.3秒

顶(0)

袏转弯

时间：13:33

background：rgba(0,125,125,0.8);代表背景颜色和不透明度80%

顶(0)

雪天有情

时间：13:47

颜色透明度另一种表示方式！rgba()

顶(0)

qq3244255

时间：00:00

背景颜色后面跟一个透明度

顶(0)

heidilin

时间：12:23

opacity透明度

顶(0)

xiaofufu

时间：17:49

transition( 过度，从一个位置移动到另一个位置过度过程时间（值）)

顶(0)

本节笔记已有 35 条第2页/共2页首页上页 12下页尾页