03 2021 档案

css3中的动画学习分享
摘要：大家好，这里是demo软件园，今天为大家分享的是css3中的动画（animation）。 css3动画： 使元素从一种样式逐渐变化为另一种样式的效果。 动画原理：通过把人物的表情、动作、变化等分解后画成许多动作瞬间的画幅，利用视觉暂留的原理，在一幅画还没有消失前，播放下一幅画。就会给人造成一种流畅的 阅读全文
posted @ 2021-03-17 20:50 demo锁屏面试题 阅读(154) 评论(0) 推荐(0)
CSS3中的3D变换与简易立方体的制作
摘要：大家好，这里是demo软件园，今天为大家分享的是css3中的3d变换。 我们首先要知道在浏览器中，X轴是从左到右，Y轴是从上到下，Z轴是从里到外。CSS的3d变换中，有以下属性： A.3D旋转： CSS3中的3D旋转主要包括四个功能函数 rotateX(angle)、 rotateY(angle)、 阅读全文
posted @ 2021-03-15 20:15 demo锁屏面试题 阅读(118) 评论(0) 推荐(0)
极限挑战logo的制作教程
摘要：大家好，这里是demo软件园，今天为大家分享极限挑战logo的制作教程。 喜欢极限挑战，所以尝试着做了下鸡条的LOGO！！！ 效果图： 素材： 操作步骤： 1、打开【PS】，新建画布，画出如下的形状，并添加图层样式【内阴影】【内发光】【渐变叠加】；之后复制两层六边形的图层，最顶上【ctrl+t】自由 阅读全文
posted @ 2021-03-13 20:56 demo锁屏面试题 阅读(425) 评论(0) 推荐(0)
css3中过渡和2D变换的学习分享以及简易时钟的实现
摘要：大家好，这里是demo软件园，今天为大家分享的是css3中过渡和2D变换。众所周知，css效率极高，其变化的过程往往都是在一瞬间完成，速度极快。 CSS transition 提供了一种在更改CSS属性时控制动画速度的方法。 其可以让属性变化成为一个持续一段时间的过程，而不是立即生效的。比如，将一个 阅读全文
posted @ 2021-03-13 19:10 demo锁屏面试题 阅读(93) 评论(0) 推荐(0)
css3中的渐变效果及花斑动画的实现
摘要：大家好，这里是demo软件园，今天为大家分享的是css3中的渐变效果。 css3中的渐变需要注意的是渐变的是图片而不是颜色，而渐变又分为两种：线性渐变与径向渐变，今天我们重点介绍的是线性渐变。 1.线性渐变 为了创建一个线性渐变，你需要设置一个起始点和一个方向（或指定为一个角度）。你还要定义终止色。 阅读全文
posted @ 2021-03-12 19:06 demo锁屏面试题 阅读(239) 评论(0) 推荐(0)
关于css垂直水平居中的几种方式
摘要：css中元素的垂直水平居中是比较常见及较常使用的，在这里向大家介绍一下几种方式。 1.水平居中 margin: 0 auto; 效果图： 而文字的垂直水平居中也比较简单，加上line-height: 200px;与text-align: center;即可。 #test{ width: 200px; 阅读全文
posted @ 2021-03-11 20:27 demo锁屏面试题 阅读(241) 评论(0) 推荐(0)