电话
13363039260
-
如何使用纯CSS实现大白的形象
源代码下载 https://github.com/comehope/front-end-daily-challenges 代码解读 整个人物分为3部分：头、身体、腿，下面按照这个顺序分别画出，先画头部。 定义dom，容器.baymax表示大白，head表示头部： <divcla......
阅读全文 >> 953 -
css如何添加删除线？
首先我们了解csstext-decoration属性，下面就简单介绍一下： text-decoration属性规定添加到文本的修饰。 说明： 这个属性允许对文本设置某种效果，如加删除线。如果后代元素没有自己的装饰，祖先元素上设置的装饰会“延伸”到后代元素中。不要求用户代理支持blink。 ......
阅读全文 >> 877 -
如何使用纯CSS实现圆点错觉的效果
源代码下载 https://github.com/comehope/front-end-daily-challenges 代码解读 此项目无用户自定义的dom元素，利用系统默认的<body>元素作为容器。 定义页面尺寸，背景设置为黑色： body{ margin:0......
阅读全文 >> 797 -
CSS 小结笔记之变形、过渡与动画的示例
1、过渡transition 过渡属性用法：transition:ransition-propertytransition-durationtransition-timing-functiontransition-delay 可以一起指定也可以分别单独指定 transition-propert......
阅读全文 >> 792 -
css设置多列等高布局的方法示例
1.真实等高布局 flex技术点：弹性盒子布局flex，默认值就是自带等高布局的特点。 定义flex布局的时候，有一些默认值。 flex-direction属性定义主轴的方向。默认值为row，一般是水平显示。flex容器的主轴被定义为与文本方向相同。主轴起点和主轴终点与内容方向相同。 alig......
阅读全文 >> 905 -
CSS 实现滑动门的实例代码
1、首先每一块文本内容是由a标签与span标签组成 <span></span> 2、a标签只指定高度，而不指定宽度。 3、a标签设置好背景图后，指定一个padding-left值，大小与左侧半圆大小相同，（这样保证左边背景不变，中间的背景进行拉伸即可）。 ......
阅读全文 >> 727 -
css设置多列等高布局的方法示例
1.真实等高布局 flex技术点：弹性盒子布局flex，默认值就是自带等高布局的特点。 定义flex布局的时候，有一些默认值。 flex-direction属性定义主轴的方向。默认值为row，一般是水平显示。flex容器的主轴被定义为与文本方向相同。主轴起点和主轴终点与内容方向相同。 a......
阅读全文 >> 585 -
CSS 实现滑动门的实例代码
1、首先每一块文本内容是由a标签与span标签组成 <span></span> 2、a标签只指定高度，而不指定宽度。 3、a标签设置好背景图后，指定一个padding-left值，大小与左侧半圆大小相同，（这样保证左边背景不变，中间的背景进行拉伸即可）。......
阅读全文 >> 855 -
CSS多种方式实现底部对齐的示例代码
效果说明： 1、红色区域数据需要倒排（即从底部开始数，数字为1、2、3、4、5），并且显示在最底部 2、当数据过多时需要显示滚动条，**并且滚动条需要拉到最底部** 3、数据从websocket中推送过来，推送间隔为几十毫秒 4、需要兼容ie10及以上浏览器 使用flex布局实现 ......
阅读全文 >> 731 -
CSS多种方式实现底部对齐的示例代码
效果说明： 1、红色区域数据需要倒排（即从底部开始数，数字为1、2、3、4、5），并且显示在最底部 2、当数据过多时需要显示滚动条，**并且滚动条需要拉到最底部** 3、数据从websocket中推送过来，推送间隔为几十毫秒 4、需要兼容ie10及以上浏览器 使用flex布局实现 ......
阅读全文 >> 874
猜你喜欢
联络方式：
13363039260
微信二维码 