![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
程序员不懂浪漫
行百里者半九十
展开
-
【Html+Css+Js】实现【不要踩“粉”块】小游戏
【Html+Css+Js】实现【不要踩“粉”块】小游戏近期也是在学习前端过程中,无意中发现了一款叫做【别踩白块】的小游戏好像挺有趣,就想着去试着去做一做看看,这一做就是好几天,我这里是粉块嘿嘿,哈哈后来出了点低级问题,单词拼错了啊哈哈,废话不说了,先上效果图给大家看看哈。这里主要是对于Dom创建元素和事件的函数创建与绑定,同时用到了定时器。思路是来源于实验楼哈,有进行删改,整体就是一个视口和一个内容,内容在视口中滚动的一个过程。具体可以用一个图表示(来自实验楼):然后代码附上:【Html】原创 2021-12-30 20:45:45 · 2404 阅读 · 0 评论 -
有关Html5和Css3的新增属性列举。
Html5:1)标签增删8个语义元素 header section footer aside nav main article figure内容元素mark高亮 progress进度新的表单控件calander date time email url search新的input类型 color date datetime datetime-local email移除过时标签big font frame frameset2)canvas绘图,支持内联SVG。支持MathML3)多媒体audio原创 2021-12-27 23:53:47 · 111 阅读 · 0 评论 -
Html+Css【大白机器人】小项目练习
Html+Css【大白机器人】练习小项目先上效果图:主要技术栈:Html+Css(相对定位、绝对定位、平移、对称变换、旋转)直接上代码:------------><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta原创 2021-12-26 00:17:43 · 409 阅读 · 0 评论 -
仅仅CSS就实现了轮播图----利用关键帧动画实现轮播图效果
利用CSS关键帧实现轮播图效果动画最近梳理css的动画效果的时候,想到了原来学css的时候,有个好玩的轮播图效果,当时用的js写好的轮子,然后网上到处找,这次换自己来写一个css简单的轮播吧,给才接触的童鞋参考一下。关键css技术:css的animation动画属性,@keyframes 关键帧简单思路就是:两个div,一个父div,一个子div,父div作为展示窗口,子div作为图片容器存放图片,设置浮动使得子div中图片依次在容器中横向排列,父div的宽高设置和图片一致,然后overflow:h原创 2021-12-08 12:58:49 · 664 阅读 · 0 评论