![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
基础
浪戟天下
这个作者很懒,什么都没留下…
展开
-
CSS制作大风车动画及花朵
CSS是网页设计师和前端人员需要了解和学习的一门语言,特别是现在很多网页使用扁平化设计,这类设计风格大部分布局、交互动画甚至是图标都会使用高级点的CSS3技能,所以我们应该熟练掌握CSS这门样式语言。下面我就分享一下我所掌握的一些CSS3知识(我是小白求轻喷)。一、风车说到风车就想到儿时的大风车,如下图:看起来是十分的简单,实际上也是十分的简单。风车四叶,其实就是四个块级元素...原创 2019-01-18 11:19:14 · 1530 阅读 · 0 评论 -
CSS制作太极八卦图及衍生物
CSS是网页设计师和前端人员需要了解和学习的一门语言,特别是现在很多网页使用扁平化设计,这类设计风格大部分布局、交互动画甚至是图标都会使用高级点的CSS3技能,所以我们应该熟练掌握CSS这门样式语言。下面我就分享一下我所掌握的一些CSS3知识(我是新手求轻喷)。一、八卦图图一、图二、看起来是十分的繁琐,实际上也是十分的繁琐。<div class="bgj"...原创 2019-01-18 21:16:25 · 716 阅读 · 0 评论 -
CSS——浮动详解
写页面布局的过程中,浮动是大家经常使用的属性,帮我们解决了非常多布局困难。那么下面就来看看浮动究竟有哪些作用。一般Float(浮动)有inherit(继承)、left(左)、none(没有)、right(右)四种先设置两个div(块级标签),给予宽和高。正常效果如下:下面给予div 浮动属性float: left:这样就能让元素不占一行并排显示了。因为它们如其名浮动(我认为向外浮)起来了,脱离了文档流,不再受行内/块级的限制。第一点、脱离文档流图一、从图中我们能看..原创 2019-01-19 15:22:14 · 435 阅读 · 0 评论 -
如何利用CSS3和HTML标签嵌套做出不可思议的动画
CSS是网页设计师和前端人员需要了解和学习的一门语言,特别是现在很多网页使用扁平化设计,这类设计风格大部分布局、交互动画甚至是图标都会使用高级点的CSS3技能,所以我们应该熟练掌握CSS这门样式语言。下面我就分享一下我所掌握的一些CSS3知识(我是新手求轻喷)。这次带来的是由标签嵌套和CSS3动画组成的样式。由于只是展示效果,就不起名字了。如下图:标签嵌套2.C...原创 2019-02-02 23:37:53 · 297 阅读 · 0 评论 -
HTML标签选择器的优化使用
CSS是网页设计师和前端人员需要了解和学习的一门语言,而选择器的使用就是其中最基础的一项。在页面的设计中需要用到各种选择器,来对HTML中的标签附加样式。若是简单的还好办,直接通过赋予的名称选择到就是。但若是在复杂的HTML布局中,层出不穷的标签的嵌套导致根本没有精力去赋予那么多的名称。这时候我们通常会使用到上下文选择器。也就是如下图:这是看上去没毛病又是经常用的方法,但浏览器的选择...原创 2019-01-29 21:09:56 · 144 阅读 · 0 评论 -
制作心形图案
在页面的设计中通常会用到一些用来装饰的图片或者样式,这里我就介绍一下我构思的制作爱心的方法。分析图形,上面是两个圆形突起,下面是一个锥形。可以由两个圆加上一个倒三角组成。我使用的是正圆和正三角,长度之比是一比根号三。 三角形的制作方法是使用边框属性border确定大小(内容大小为零),再使用边框颜色border-color设置上方边框所需颜色,其它方向透明tra...原创 2019-05-31 09:33:09 · 1764 阅读 · 0 评论