T1_W3 工作坊【会后挑战】分享我的Hero Page 作品!

T1_W3 工作坊【会后挑战】分享我的Hero Page 作品!

即使弱弱也要分享,挤出了时间做了一点点。
花了很多时间思考,但遗憾有些还是成功不了,
还有不足希望有空可以调整,选择不纠结向前走也是一个好的选择!
我的作业 链接 与截图:

我还想做的事:

/*
2022/9/18 https://www.adele.com/
1. 背景不遮住脸or 换一张背景+ 透明度效果

 -写left right 都没什么反应,想想若不repeat 要这个大背景靠边好像也是强人所难?或许要调整高度?  
 -试了多加一层div 在card 外面,也不成功;在body 也不成功;有用multiply & opacity || rgba ...

2. avatar 的背景很想用官网的蓝色迷幻底图但是不知道他们怎么弄的藏起来的技术QQ

 应该是我现阶段还不知道的技术吧... 原始码看了好久,也是一个不错的经验!  
 最像的是这段,粗体部分很可疑@@: #background{ position:fixed; top: 0; left: 0; height: 100%; width:100%; background-image: url( **“图像/bg.jpg”** );背景尺寸:封面;背景重复:不重复; }

3. 按钮字垂直置中

 为了加入连结、又有漂亮的大框,我将btn 改成a 来做了,暂时卡住。  
 也补充做按钮的各种方法[ 介绍](https://www.wibibi.com/info.php?tid=117) 。

4. icon 再分散一点(目前原结构是ul 做的)

 感觉是我应该要会的但卡住了,再想想~我也不想因而改掉ul 结构。

*/

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明

本文链接:https://www.qanswer.top/37932/06061911

posted @ 2022-09-19 11:06  哈哈哈来了啊啊啊  阅读(14)  评论(0)    收藏  举报