AI智能
改变未来

CSS 第79页

15个炫酷的CSS3加载动画图标-爱站程序员基地

15个炫酷的CSS3加载动画图标

AI

插件简介CSS3使用起来真的非常方便,我们可以利用CSS3做出与众不同的网页动画,比如之前我们只能通过GIF图片或者Flash动画实现的Loading加载动画按钮,现在我们可以通过CSS3实现了,这样做的优势在于减小网页大小,同时也和原生C...

CSS calc() 函数-爱站程序员基地

CSS calc() 函数

AI

实例 使用 calc() 函数计算 <div> 元素的宽度: #div1 {    position: absolute;    left: 50px;    width: calc(100% - 100px);    bord...

「HTML+CSS」--自定义按钮样式【001】-爱站程序员基地

「HTML+CSS」–自定义按钮样式【001】

AI

前言 Hello!小伙伴!首先非常感谢您阅读海轰的文章,倘若文中有错误的地方,欢迎您指出~哈哈 自我介绍一下昵称:海轰标签:程序猿一只|C++选手|学生简介:因C语言结识编程,随后转入计算机专业,有幸拿过国奖、省奖等,已保研。目前正在学习C...

《css揭秘》笔记(五), 条纹背景-爱站程序员基地

《css揭秘》笔记(五), 条纹背景

AI

《css揭秘》笔记(五), 条纹背景 条纹背景 解决方案 垂直条纹 斜向条纹 条纹背景 现在我们需要条纹的背景,而且不通过加载图片的方式,而是以css的方式形成,现给出以下解决方案: 解决方案 通过线性渐变可以很好地得到条纹背景效果: .b...

CSS - (Cascading Style Sheets)  自学教程-爱站程序员基地

CSS – (Cascading Style Sheets) 自学教程

AI

CSS 教程 前言 CSS基础教程 CSS简介 CSS基础语法 CSS的高级语法 CSS派生选择器 CSS id选择器 CSS类选择器 CSS属性选择器 CSS创建 CSS样式 CSS背景 CSS文本 CSS字体 CSS链接 CSS列表 C...

3 分钟生成一个单元测试报告,这个样式爱了-爱站程序员基地

3 分钟生成一个单元测试报告,这个样式爱了

AI

昨天有个小伙伴问我,有没有什么现成的测试报告模板,由于昨天实在比较忙就没顾上,所以今个有时间赶紧补上。一般力所能及的事,只要我有时间都会为大家解决,但毕竟能力有限做不到的地方小伙伴们也多理解。 平时我们开发接口时, Junit 单元测试是最...

【早读汇】上海@瑞心扉雪《CSS揭秘》笔记-爱站程序员基地

【早读汇】上海@瑞心扉雪《CSS揭秘》笔记

AI

【早读汇】上海@瑞心扉雪《CSS揭秘》笔记 前言 本篇笔记来自上海@瑞心扉雪关于《CSS揭秘》第四章笔记。 正文从这开始~ 一、单侧投影 1、常规的box-shadow实现语法就不写啦。 2、单边投影 对元素使用4px的模糊半径意味着投影的...

css animation配合SVG制作能量流动效果-爱站程序员基地

css animation配合SVG制作能量流动效果

AI

最终效果如下: 动画分成两步 制定运行轨迹 创建DOM并按照轨迹动画 制定运行轨迹 我们先要画一条底部的淡蓝色半透明路劲做为能量流动的管道这里用SVG的path去做(其实这里可以直接用背景图), 代码如下: <!-- 代码是用reac...

《css揭秘》笔记(四), 背景定位-爱站程序员基地

《css揭秘》笔记(四), 背景定位

AI

《css揭秘》笔记(四), 背景定位 背景定位 难题 background-position background-origin方案 calc()方案 背景定位 难题 有时我们希望图片能和背景之间有一定空隙,而且不仅仅只是针对背景的左上角作...