前端哥

【Web前端开发基础】css3之Web字体、字体图标、平面转换、渐变

2024-02-19每种字体都对应着相应的字体文件,没有 @font-face 规则之前,客户端是否能够正确显示 fontfamily 规定的字体,是由该字体的文件是否预装在客户端决定的。而 @font-face 规则可以将字体文件存放在服务器端,渲染页面时客户端请求从服务器端下载改字体文件进行使用平面转换改变盒子在平面内的形态(位移、旋转、缩放)2D转换平面转换属性transform。

https://www.qianduange.cn//article/2261.html 分类:前端知识

我让ChatGPT用css3画一个皮卡丘,还是自己画的可爱

2024-02-19ChatGPT用css3画出来的皮卡丘不满意,自己动手画一个_css画皮卡丘

https://www.qianduange.cn//article/2255.html 分类:前端知识

css3渐变进度条效果 ​

2024-02-177.给body标签添加动画效果,实现背景渐变的效果背景颜色,随着滚动条的颜色进行改变,滚动条颜色变化,背景颜色跟随变化.6.整个效果分为三步我们先让它快起来,再让它慢起来,设置背景色渐变,红色-黄色-深黄色。css3渐变进度条效果3.设置css3渐变进度条效果字体样式效果。同步使用关键帧动画,并且时间要保持一致。背景色黑色,背景色动画渐变时常5s。4.设置进度条外矩形块的样式和位置。css3渐变进度条效果。5.设置进度条显示效果。_css渐变进度条

https://www.qianduange.cn//article/2207.html 分类:前端知识

儿童节快乐,基于css3绘制一个游乐场动效界面

2024-02-17一张图不用,纯代码制作?使用任意HTML编辑软件(如:Dreamweaver、HBuilder、Vscode 、Sublime 、Notepad 等)进行运行及修改编辑等操作。整个页面最重要的就是旋转摩天轮的实现,使用css实现旋转主要是运用border和css动画来实现的。所以我们可以先用border画出一个中心点,通过css3动画让box旋转,整个摩天轮也就会实现旋转的效果。再多的讲解也不如实际动手实操,对着代码敲敲改改,可以让我们更加深入地进行理解。3️⃣总结

https://www.qianduange.cn//article/2198.html 分类:前端知识

html5期末大作业 基于HTML CSS制作dr钻戒官网5个页面 企业网站制作

2024-02-16?美妆介绍、?美妆分享、? 品牌化妆品官网网站 、等网站的设计与制作。?️ 网页中包含:Div CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等,视频音频元素,同时设计了logo(源文件),基本期末作业所需的知识点全覆盖。? 一套优质的?网页设计应该包含 (具体可根据个人要求而定)?网站布局方面:计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。?网站程序方面:计划采用最新的网页编程语言HTML5 css3 JS程序语言完成网站的功能设...

https://www.qianduange.cn//article/2158.html 分类:前端知识

css3中z-index不生效怎么办?

2024-02-16确保要设置 z-index 的元素具有正确的定位属性。如果要使一个元素位于另一个元素之上,两个元素应该是兄弟节点(即拥有同一个父元素),并且具有相应的定位属性和 z-index 值。5、z-index 值过大或过小:z-index 值应该是一个整数,较大的值会使元素在层叠顺序中更靠前,较小的值则会使元素在层叠顺序中更靠后。3、父元素的 z-index 值:父元素的 z-index 值可能会影响子元素的层叠顺序。4、元素被其他元素遮挡:如果一个元素被其他元素完全遮挡,那么它的 z-index 值不会生效。_css z-index 未起效

https://www.qianduange.cn//article/2141.html 分类:前端知识

css3媒体查询与页面自适应

2024-02-16媒体查询基础、案例_css 媒体查询设置

https://www.qianduange.cn//article/2138.html 分类:前端知识

css3 javaScript实现一个左右钟摆-摇晃的红灯笼网页特效

2024-02-16css3 javaScript实现一个左右钟摆-摇晃的红灯笼网页特效!前天逛博客时无意中看见了,别人的博客顶部有一个会左右钟摆的摇晃的红灯笼,产生了想法,我也想给自己做一个,但是网上找了很多方案,都没有实现。终于在昨天晚上搜索,找到了利用css3和js一起组合的技术,实现了这个效果。这个是css文件里面的内容。我故意把周期设计的步进很缓慢,看起来晃动的时候会比较柔和一点。这个index.html里面的代码。如图所示,这是一个静态的截图。实际上是可以看效果的。这个是js文件内容,控制2个灯笼图片的布局位置。_页面灯笼js

https://www.qianduange.cn//article/2131.html 分类:前端知识

1131条数据,当前101/114

最近搜索

会员中心 联系我 留言建议 回顶部