首页 KD游戏攻略 正文

七宗罪HTML版本大全使用技巧?入门教程快速上手!

昨儿刷短视频刷得脑壳疼,寻思着搞点实在活儿,正好翻到个叫"七宗罪"的HTML项目。说是把暴食、贪婪啥的做成网页特效合集?寻思这玩意儿应该挺炫酷,手痒了。

1. 先得把它弄到手

直接上GitHub搜,敲“七宗罪HTML版”找下载量高的。找到个星多的项目,点开一看傻眼——满屏鸟文,连个像样的文档都没。啥也甭管了,找个绿色按钮“下载源码”,直接右键另存为塞进我桌面的“瞎折腾”文件夹里。

七宗罪HTML版本大全使用技巧?入门教程快速上手!

2. 打开一瞅,血压上来了

双击那个*文件,好家伙!满屏花里胡哨的特效晃瞎眼,字儿小得像蚂蚁,暴食贪吃的动画居然是个无限伸舌头的大嘴图片?一点交互按钮都没,这跟我想象中“炫酷”差距也太大了。看来原版就是个半成品,指望不上喽。

小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区


3. 自己动手丰衣足食

总不能白下载?琢磨着改改字体起码能看。翻文件夹找CSS,发现个“*”,用记事本硬着头皮打开。里面一堆眼花缭乱的代码,找到个“font-size”的地方,原来写着“12px”,我一拍大腿:难怪字这么小气! 直接给改成“20px”,保存刷新—— 字总算能看清了。

4. 大坑!字是大了,排版炸了

得意没三秒就笑不出来了。傲慢那个页面有个旋转的皇冠特效,字变大后直接怼在皇冠中间重叠了,丑得没眼看!而且“懒惰”页面底部原来堆着的枕头特效把说明文字挡了个严实。气得想砸键盘,改个字号都能把布局搞炸!

七宗罪HTML版本大全使用技巧?入门教程快速上手!

5. 瞎捣鼓的土办法

折腾俩钟头实在没辙,硬核前端调试技术一点不会。突然灵光一现——截图不就完事儿了? 干脆把每个页面的效果当成一张图来处理!打开PPT(对,就是万年PPT),把浏览器窗口拉合适大小,咔嚓咔嚓 一顿截图,把七张“罪”的效果图塞进PPT里。图片底下加文本框写上说明:“贪婪-疯狂跳动金币”、“嫉妒-扭曲变绿的面孔”…还顺手改了背景色。

6. 诶?糊弄学才是王道?

做完自己一看,乐了。虽然这方法土得掉渣,连HTML的边都没沾上,但效果意外还行! 发给朋友看,朋友还说“这是你做的网页?炫”!得,看来截图大法才是普通人自救绝招。 直接PPT输出成PDF,七宗罪简陋版图鉴就出炉了。

教训: 瞅着高大上的开源项目水是真深,没点硬实力去折腾就是自找苦吃。像我这菜鸟,HTML玩不转,截图大法救个急倒挺好使。分享啥的不就图个乐吗?能糊弄明白就完事儿了!

相关推荐