小卜-Tony

导航

2018年6月16日 #

CSS学习笔记-04 a标签-导航练习

摘要： 个人练习，各位大神勿笑 。。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> < 阅读全文

posted @ 2018-06-16 08:05 小卜-Tony 阅读(516) 评论(1) 推荐(0) 编辑

2018年6月13日 #

CSS学习笔记-03- 过渡模块之前奏篇 a标签的伪类选择器

摘要： CSS3 2D转换CSS3 3D转换CSS3 过渡CSS3 动画 CSS3 的四大金刚。 想要实现酷炫的视觉效果，上面4个是必须要掌握的。学习之前，先复习一下 视觉盛宴的前菜 ：a标签的伪类选择器 铛 铛 ，抬头看黑板，先划重点: **注意点： 1.a标签的伪类选择器可以单独出现，也可以一起出现。如 阅读全文

posted @ 2018-06-13 21:40 小卜-Tony 阅读(467) 评论(0) 推荐(0) 编辑

2018年6月12日 #

CSS学习笔记-02. 2D转换模块-形变中心点

摘要： 简单粗暴，直接上重点： transform-origin 接下来是代码。 首先 勾勒出 3个重叠的div 接着 给3个div分别添加 transform: rotate 。 效果如下图所示。 默认情况下，所有元素都是以自己的中心点作为参考点来进行旋转。 我们可以通过形变中心点属性来修改它的参考点。 阅读全文

posted @ 2018-06-12 21:16 小卜-Tony 阅读(373) 评论(0) 推荐(0) 编辑

CSS学习笔记-01-2D转换模块

摘要： 首先，mark 一下 css3 新增 的 2D 转换之 W3school 的链接： http://www.w3school.com.cn/css3/css3_2dtransform.asp 转换是使元素改变形状、尺寸和位置的一种效果。 2D 转换方法： translate() -- 平移 rotat 阅读全文

posted @ 2018-06-12 20:35 小卜-Tony 阅读(269) 评论(0) 推荐(0) 编辑

从今天开始 每天记录HTML，CSS 部分的学习笔记

摘要： 从今天开始 每天记录HTML，CSS 部分的学习笔记 阅读全文

posted @ 2018-06-12 19:33 小卜-Tony 阅读(169) 评论(0) 推荐(0) 编辑