::before和::after伪元素、:visited和:link、transform: scaleX(2);的使用

我想要给daytime加上一个会两边延申的下划线

::before是元素内的第一个元素::after是最后一个

首先要创造出来,所以用::after和border-bottom,::after会用到content:"",但现在还是没有,还要加上position或float或display就可以看见了,

宽高设定好后,设定position、left、bottom,还可以使用margin,这里设定position要父元素设定position: relative;,子元素设定position: absolute;,甚至有给body设置position: relative;的

还要设定transition(过渡)

最后在给.div:hover::after加上transform:scaleX(2)自动左右延申

之后还需要学习:visited和transform

 之后还想在自己的博客加上多个背景、背景定位、背景裁剪(用于学习css3的background)

渐变颜色就不看了,阴影也不多学,插入自己的字体有点麻烦,但用的时候再整理

关键就在于transform的2d转换和3d转换transition(过渡)现在够用、

动画需要好好看看,不过也有考虑jq的动画

css3的按钮也很好看其中有个opacity: 0.6;透明度属性

css3提供的分页比自己写的要好看,jq的和bottstrop的也考虑考虑

看到css3的弹性盒子(不太懂)、和适配移动屏幕

想到盒子初始总是block,是竖排的、想要改成行内元素就是display:flex、float:left,变回去可以考虑position:relative

综上所诉,我想要在博客加的东西得有动画、2d、3d   雪花

我还看到了angular和zone.js,太难了

原文地址:https://www.cnblogs.com/huyuhui/p/12401530.html