CSS3学习笔记（3）—左右飞入的文字
前几天看到一个企业招聘的动画觉得很炫，里面有个企业介绍的文字是用飞入的效果做出来的，今天尝试了写了一下，感觉还不错~\(≧▽≦)/~啦啦啦 下面来看我做的动态效果： 其实上面的效果很简单的，我的截图软件有问题，所以不是很清晰，但是大概的效果出现了~~~屏幕颜色从红变白是因为我把鼠标从页面 ...
原文：CSS3学习笔记（1）—淡入的文字
今天有空把前几天学的东西发一下，都是一些简单的东西，但是千里之行始于足下，我虽然走的慢，但是未停下前进的脚步, 下来看下我做的 淡入的文字 最终动态效果： 上面这个动画效果制作的过程是： 先自定义一个透明度从 到 变化的动画，然后在animation中调用这个动画效果 注意不同行文字出现的时间先后，这个通过animation中延时属性可以实现 规定文字最终动态为动画的最终显示状态，否则文字显示完会 ...
2015-10-06 16:56 3 3153 推荐指数：
相关推荐
CSS3学习——文字描边+外发光
1、分别在文本的4个边上添加1像素的黑色阴影。 2、设计阴影不发生位移，同时定义阴影模糊既可。用一个或一组阴影都可以。 ...
CSS3学习笔记-1：CSS样式继承
自己在写css时总会遇上css样式继承的问题，好在一般问题不大，但一直也不明白css样式继承的规则，最近发现了一篇文章讲的不错，因此转载过来： 所谓CSS的继承是指被包在内部的标签将拥有外部标签的样式性质。继承特性最典型的应用通常发挥在整个网页的样式预设，需要指定为其它样式的部份设定在个别元素里 ...
CSS3属性之transform学习笔记
transform的属性包括：1、rotate（旋转） 2、skew（斜切） 3、scale（缩放） 4、translate（位移变化），其中还有x,y之分，比如：rotateX，rotat ...
HTML 学习笔记 CSS3(过度 transition)
通过 CSS3，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。请把鼠标移动到下面的元素上： 先看一下这个代码 实现旋转放大的效果： 先看一下 关于 transition的属性 如果简写的话 就可以 ...
CSS3：文字属性
文字属性注意的细节： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>HTML5+CSS3</title> < ...
CSS3学习笔记（5）—页面遮罩效果
今天把页面遮罩的效果发一下，之前遮罩都是用JS实现的，忽然发现CSS3里面的box-shadow属性除了做立体阴影外，还可以做页面的遮罩. 下面来看一下完成的动态效果： 从上图可以看出，就是当鼠标悬浮在按钮上时，会出现整个页面的遮罩，当然调一下透明度就是网页中经常看到的当鼠标悬浮在一张图片 ...
css3网页的淡入淡出效果
技术的世界没有小偷：但是做了就要承认 偷去代码：点击传送 效果展示 See the Pen <a href='https://codepen.io/762301880/pen/MWabGjm'>css3网页的淡入淡出效果</a> by 762301880 (< ...