css 做个圆_51CTO博客

CSS button 圆边

CSS button 圆边美工给的背景图片是带圆边的，拿它来做按钮的背景图片，并且可以对button

圆角

背景图片

CSS

原创

crabdave

2023-04-28 15:41:46

95阅读

WEB一次作业，用CSS仿时钟界面（静态的，死的！！！）只是实验而已！！效果图：我是罡罡同学，一位初入网安的小白。☜(ˆ▽ˆ)（疯狂暗示点赞！关注！转发！！！点赞！关注！转发！！！） * 您的支持是罡罡同学前进的最大动力！效果图：上代码：<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width, initial-scale=1,m

css

原创

罡罡同学

2021-07-05 11:38:06

466阅读

CSS动画实例：圆与圆的碰撞

在页面中放置9个<div class=” circle”></div>，定义每个.circle的样式规则，使得9个圆在页面中显示为半径依次相差20px的同心圆。定义关键帧anim，使得9个圆各自按给定的延迟沿左下角到右上角的直线移动，形成圆与圆碰撞的效果，碰撞后改变移动方向，从而保证里面的小圆一定在 ...

圆与圆的碰撞

转载

mb607022e25a607

2021-05-04 12:07:25

589阅读

2评论

用CSS做个app界面（小白！）

WEB一次作业，用CSS仿时钟界面（静态的，死的！！！）只是实验而已！！效果图：我是罡罡同学，一位初入网安的小白。☜(ˆ▽ˆ) （疯狂暗示点赞！关注！转发！！！点赞！关注！转发！！！）* 您的支持是罡罡同学前进的最大动力！效果图：上代码：<!DOCTYPE html><html><head> <meta name="viewport" c

css3

css

html

原创

罡罡同学

2022-04-07 18:25:09

470阅读

纯CSS圆环与圆

1. 两个标签的嵌套： <div class="element1"> <div class="child1"></div> </div> .element1{ width: 200px; height: 200px; background-color: lightpink; border-radiu ...

伪元素

ide

嵌套

其他

转载

mb5fd868b989ae9

2021-08-26 16:05:00

762阅读

2评论

ios css圆角不圆

一、支持的浏览器浏览器支持性Firefox(2、3+)√Google Chrome(1.0.154+…)√Google Chrome(2.0.156+…)√Safari(3.2.1+ windows)√Internet Explorer(IE7, IE8)×Opera 9.6× 二、用途及其优势　　传统的圆角生成方案，必须使用多张图片作为背景图案。CSS3的出现，使得我们再也不必浪费时间

ios css圆角不圆

圆角

html

css

转载

mob64ca13fb6939

2024-09-13 18:45:03

167阅读

有趣的CSS - 弹跳的圆

用css写一个好玩的不停弹跳变形的圆。

css

弹跳的圆

动效

动画

交互

原创精选

设计师工作日常

2024-03-22 14:53:36

381阅读

html、css如何画实心圆

css3画实心圆实现方法相当简单，css代码如下： .circle{ width:100px; height:100px; border-radius:50px; /* 图形的半径 */ } .circle{ width:100px; height:100px; border-radius:50p

css

css3

其他

转载

mb5fca0cc9ee684

2018-11-19 17:32:00

1572阅读

有趣的CSS - 加载的圆

由4个圆组成的一个小清新的动态加载动画效果。

css

加载动画

loading

圆点加载

ux

原创精选

设计师工作日常

2024-03-29 09:52:48

558阅读

css3做个文字旋转的效果

想做个文字旋转的效果代码： .test{ -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); display: block;

microsoft

转载

Danna123

2022-05-27 00:04:59

551阅读

CSS3圆角边框

CSS3圆角边框实例：<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>CSS3圆角边框</title> <style> div{ text-align:center; border:2px&nbsp

CSS3圆角边框

原创

dingzhaoqiang

2015-10-15 14:25:33

786阅读

CSS3圆盘时钟

在线演示本地下载

CSS3圆盘时钟

CSS

转载

mob604756f23a7e

2018-12-01 22:50:00

290阅读

2评论

CSS动画实例：圆的涟漪扩散

设页面中有<div class="circle "></div>，定义.circle的样式规则绘制一个半径为75px，边框厚度为4px的圆，再定义关键帧，使得圆从不可见到可见，再到放大后又不可见。编写的HTML文件如下。 <!DOCTYPE html> <html> <head> <title>圆 ...

圆的涟漪扩散

转载

mb607022e25a607

2021-05-04 12:10:05

1599阅读

2评论

css3圆角代码

div+css3普通圆角代码示例<style type="text/css"> #round { width:200px; height:100px; margin:0px auto; border: 5px solid #000; border-radius:15px; } </style> <div id="round"></div> 以上代码可直接复制到HTML文件中运行。运行后的效果图 div+css3普通无边框圆角代码示例 <style type="text/css"&

html

圆角

代码示例

div+css

css

转载

mb5ff982de32716

2013-06-20 19:58:00

196阅读

2评论

一张图不用，纯CSS 做个贺卡

朋友生日了，直接画，炫技并且表示本人闲的全身疼才会去拿CSS画画，以此嘲弄对方的加班：!在这里插入图片描述(https://s4.51cto.com/images/blog/202206/08213715_62a0a60b36a0220401.png?xossprocess=image/watermark,size_14,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_1

css

前端

推荐原创

1_bit

2022-06-08 21:39:17

742阅读

2点赞

html5做个人简历表 html+css做个人简历

个人简历制作使用html和css制作一份个人简历；软件：IntelliJ IDEA 2022.3.2 Ultimate效果演示：前期准备俗话说的好：工欲善其事必先利其器。首先需要认识html代码的各个部分以及常用的属性；<head> <meta charset="UTF-8"> <title>个人简历</title> &lt

html5做个人简历表

css

html

前端

java

转载

云端梦想实现家

2023-11-11 12:37:25

546阅读

1评论

CSS动画实例：旋转的同心圆

设页面中有<div class=” wrap”></div>，若定义.wrap的样式规则为： .wrap { width: 200px; height: 100px; top:100px; left:100px; position: absolute; background-color:#ff0; ...

旋转的同心圆

转载

mb607022e25a607

2021-05-04 12:08:03

691阅读

2评论

android圆渐变动画 css 圆形渐变

径向渐变的基础知识：径向渐变的概念：从起点到终点颜色从内到外进行圆形渐变（从中间向外拉）。一、径向渐变的基本语法：background-image:-webkit-gradient(type,x1 y1,r1,x2 y2,r2,from(开始颜色值),to(结束颜色值),color-stop(偏移量小数,停靠颜色值),... );第一组参数type（类型）为 radial，因为是径向渐变；第二组参

android圆渐变动画

css

css径向渐变

图层

属性值

转载

智能探索者

2023-09-12 23:55:16

259阅读

CSS3圆角属性详解

border-radius圆角圆形，border-radius制作圆角有两点技巧。-元素的宽度和高度相同。-圆角的半径值为元素宽度或宽度的一半或者直接设置圆角半径值为50%。2.半圆，border-radius制作半圆与制作圆形的方法是一样的，只是元素的宽度与圆角方位要配合一致，不同的宽度和高度比例，以及圆角方位，可以制作上半圆、下半圆、左半圆和右半圆效果。扇形，border-radius制作扇形

CSS3

圆角

属性详解

原创

wx5b83bfb2a52d1

2018-10-03 13:11:47

1268阅读

做个男人，做个成熟的男人

自己已经不是青涩时候的自己了。应该正视老婆的叽叽喳喳，领导的唧唧歪歪，同事的稀稀拉拉，同学朋友们的嘻嘻哈哈。

其他

html

原创

开源字节

2022-11-01 15:39:16

190阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

css 做个圆

CSS button 圆边

用CSS做个app界面（小白！）

CSS动画实例：圆与圆的碰撞

用CSS做个app界面（小白！）

纯CSS圆环与圆

ios css圆角不圆

有趣的CSS - 弹跳的圆

html、css如何画实心圆

有趣的CSS - 加载的圆

css3做个文字旋转的效果

CSS3圆角边框

CSS3圆盘时钟

CSS动画实例：圆的涟漪扩散

css3圆角代码

一张图不用，纯CSS 做个贺卡

html5做个人简历表 html+css做个人简历

CSS动画实例：旋转的同心圆

android圆渐变动画 css 圆形渐变

CSS3圆角属性详解

做个男人，做个成熟的男人

Android 做个launcher android 做个界面

纯css下拉菜单，支持CSS3圆角

做个界面

做个广告

css3学习总结2--CSS3圆角边框

ios 设置css3圆角失效 css设置圆角样式

[css3] 动画案例---会呼吸的圆

CSS 画一个圆的背景样式

5.3 CSS3圆角、阴影、rgba

CSS3详解：border-radius 比如：圆…

51CTO博客

css 做个圆

CSS button 圆边

用CSS做个app界面（小白！）

CSS动画实例：圆与圆的碰撞

用CSS做个app界面（小白！）

纯CSS圆环与圆

ios css圆角不圆

有趣的CSS - 弹跳的圆

html、css如何画实心圆

有趣的CSS - 加载的圆

css3做个文字旋转的效果

CSS3圆角边框

CSS3圆盘时钟

CSS动画实例：圆的涟漪扩散

css3圆角代码

一张图不用，纯CSS 做个贺卡

html5做个人简历表 html+css做个人简历

CSS动画实例：旋转的同心圆

android圆渐变动画 css 圆形渐变

CSS3圆角属性详解

做个男人，做个成熟的男人

Android 做个launcher android 做个界面

纯css下拉菜单，支持CSS3圆角

做个界面

做个广告

css3学习总结2--CSS3圆角边框

ios 设置css3圆角失效 css设置圆角样式

[css3] 动画案例---会呼吸的圆

CSS 画一个圆的背景 样式

5.3 CSS3圆角、阴影、rgba

CSS3详解：border-radius 比如：圆…

CSS 画一个圆的背景样式