
css3
故事迷人眼
每个人都是从菜鸟走出来的,只要坚持 持之以恒 我相信总会展翅翱翔的
展开
-
css遇到的居中问题整理
水平居中方案:水平居中设置1、行内元素设置 text-align:center2、定宽块状元素设置 左右 margin 值为 auto 3、不定宽块状元素a:在元素外加入 table 标签(完整的,包括 table、tbody、tr、td),该元素写在 td 内,然后设置 margin 的值为 autob:给该元素设置 displa:转载 2018-01-16 15:54:27 · 290 阅读 · 0 评论 -
CSS3动画
以前学的时候也了解过css3动画 , 但是总感觉有点会又不会的样子,今天记录一下css3动画最主要的是CSS3 @keyframes 规则: IE9版本及低版本不兼容如果动画改变的少 可以直接这里的myfirst是动画的名字@keyframes myfirst{ from{background:red;} to{background:yellow;}}@-webkit-keyframes myf...原创 2018-01-25 15:39:49 · 883 阅读 · 0 评论 -
CSS3 transform属性
我还依稀记得刚学完出来面试的时候 问我CSS3动画会吗,我说会 transform和translation吗 假如我们设置了一个div {width:100px; height: 100px; background-color:red}我们可以这样设置他 (2D)div{ transform : translate( key , value ); //如果只有key值, 表示平移,俩值都有就是水...原创 2018-01-25 16:03:28 · 275 阅读 · 0 评论 -
transform,translation和animation
css3在原来的基础上增加了变形和动画相关的属性,动画三兄弟:transform、transition和animation,通过使用这三个属性可以达到很炫酷的效果。需要注意的是这三个属性都是css3新增的属性,各大浏览器支持方面还不是特别好,使用时要特别注意浏览器的兼容性。Transform浏览器支持情况:Internet Explorer 10、Firefox、Opera转载 2018-01-25 16:20:34 · 624 阅读 · 0 评论 -
background-color不显示颜色
做前端这么久了在background-color上面出了问题, 今天在vue实例时候设置了background-color之后不显示颜色,我很明确类没有错, 宽高都有,F12检查除了背景颜色之外属性都显示了, 这是什么问题, 百度之后有人说这个要放在background-image后面才会显示颜色,因为背景图片把颜色覆盖了, 我试了下加个背景图片,恩 是显示颜色了, 但是 但是 但是 我也不需...原创 2018-04-12 09:10:39 · 14913 阅读 · 3 评论 -
CSS3中display属性的Flex(弹性)布局
不要脸的把人家的拷贝过来了 留着以后用 原地址 : https://www.cnblogs.com/xuyuntao/articles/6391728.html1 .container {2 display: flex;3 flex-direction: column;4 align-items: center;5 background-color: #b3d4db;6 ...转载 2018-04-12 16:03:08 · 246 阅读 · 0 评论 -
svg图标 自定义字体
地址:https://icomoon.io/进去之后点击上方右侧按钮进去之后点击上方左侧import按钮 选择自己的.svg图标文件下方会显示你的图标,挨个点击选中状态,最下方右侧有个Generate Font F生成按钮,点击Get Code进去是使用方法(class类名),,上方左侧有个Preferences点击进去Font Name是你要生成图标文件的名字,Class...原创 2018-09-26 10:37:12 · 1405 阅读 · 0 评论 -
比较全的字体图标网站
http://fontawesome.dashgame.com/#top 使用方法网站下面都有详细介绍 先保存一波 以后可能用得到原创 2018-12-19 14:14:18 · 589 阅读 · 0 评论