border-radius 第8页

banner 图轮播 CSS+JS特效

jd-banner.previousBtn{position:absolute;width:40px;height:40px;background-color:rgba(210,210,210,0.4);border-radius

小小优化师 anny·2023-11-16 02:20

小DEMO：css制作圆滑梯形按钮

50%;transform:translate(-50%,-100%);.pull-btn{cursor:pointer;position:relative;border:2pxsolid#D8D8D8;border-radius

不怕麻烦的鹿丸·2023-11-15 18:22

CSS快速入门基础篇（二）

本文已收录于专栏⭐️《CSS》⭐️CSS快速入门基础篇圆角边框border-radius属性用于设置元素的外边框圆角。

沈七QWQ·2023-11-15 04:17

保姆级前端翻牌效果(CSS)

30pxauto;margin-top:150px;width:500px;height:500px;perspective:800px;}.front,.back{width:100%;height:100%;border-radius

码路老默007·2023-11-14 22:33

vscode 快速打印console.log

PrintSelectedVariable":{"body":["\nconsole.log(","'%c$CLIPBOARD:',","'background-color:#3756d4;padding:4px8px;border-radius

bug你好·2023-11-14 12:53

sass 生成辅助色

按钮类型一般有5个：以primary类型按钮为例，设置它不同状态下的颜色：Primary.btn{width:100px;height:40px;border:none;border-radius:5px

卡列尼娜翠花·2023-11-14 06:56

AISchedule(2)：基础界面美化

HelveticaNeue',Helvetica,Arial,sans-serif;}/*表格样式*/table{border-collapse:collapse;border:1pxsolid#ddd;border-radius

AICodeThunder·2023-11-14 00:28

AISchedule(3)：基础生成表格

HelveticaNeue',Helvetica,Arial,sans-serif;}/*表格样式*/table{border-collapse:collapse;border:1pxsolid#ddd;border-radius

AICodeThunder·2023-11-14 00:55

Element UI 多级表头样式修改

背景是这样在我使用elementUI的多级表头的时候，需要给表头首列的样式修改了border-radius实现圆角边，但是后来发现后面的二级表头第一列的样式也会跟着更改解决办法：通过TableAttributes

宇智波波奶茶·2023-11-13 18:02

兼容iphone(ios)圆角（border-radius）不起作用的问题

一、出现场景：使用mosowe-swiper：适用于uni-app的轮播图插件，圆弧无效ios手机会在transform的时候导致border-radius失效解决方法：在使用动画效果带transform

Min_nna·2023-11-13 15:16

element使用两个日期选择器做联动效果

两个连到一起用户体验不理想实现效果/**html代码**/至/**css代码**/.choiceTime{border:1pxsolid#E6E6E6;width:270px;height:32px;border-radius

藍寶石·2023-11-13 10:29

vue设计原理-带你重走vue诞生路程

vuediv{width:300px;padding:15px;background-color:aqua;color:#000;margin:50pxauto;border:#13c159double;border-radius

Qay'rup·2023-11-13 05:09

全宇宙最深入的CSS3 姬成渡一学习记录

introduction兼容性前缀prefix（前缀）browser-webkitchrome/safari-mozfirefox-msIE-oopera1.历史更新迭代，兼容性----加不加前缀div{border-radius

m0_46424423·2023-11-11 07:37

css卡片滑块

card-content{display:flex;overflow-x:auto;width:100%;.card-item{position:relative;width:410rpx;height:246rpx;border-radius

web前端妹子·2023-11-10 22:49

css实现进度条

%progress{height:3.5px;border-radius:999px;}.progress{@extend%progress;background-image:linear-gradient

知命者夏洛特·2023-11-10 13:05

原生 css 实现进度条

home-left-top-bar{height:40px;width:510px;position:relative;.precess{//进度条的背景颜色width:100%;height:8px;border-radius

逆风优雅·2023-11-10 13:33

滚动条默认是隐藏的只有鼠标移上去才会显示

0px;/*设置纵轴（y轴）轴滚动条*/height:0px;/*设置横轴（x轴）轴滚动条*/}/*滚动条滑块（里面小方块）*/.content-box::-webkit-scrollbar-thumb{border-radius

摸鱼少侠梁先生·2023-11-10 12:58

公众号网页跳转小程序 view-web小程序内打开小程序页面

一，公众号网页跳转小程序html代码.go{width:90px;border:1pxsolid#fff;border-radius:12px;height:24px;line-height:24px;

微齐天大圣.·2023-11-10 08:18

微信H5跳转微信小程序

官方文档：目录|微信开放文档方法一：微信浏览器打开的h5跳转方式HTML代码.go_recharge{width:90px;border:1pxsolid#fff;border-radius:12px;

微齐天大圣.·2023-11-10 08:37

CSS3 边框、圆角、背景

边框的属性：border-radius、box-shadow、border-image。1）、border-radius属性用于创建圆角，示例

corlin工作室·2023-11-10 06:07

CSS3实现动态旋转加载样式

下面是一个简单的示例：HTML：CSS：.loader{width:50px;height:50px;border:4pxsolid#3498db;border-top:4pxsolidtransparent;border-radius

忧郁的蛋~·2023-11-10 02:59

案例 - 拖拽上传文件,生成缩略图

box-container{position:relative;display:flex;justify-content:center;align-items:center;border:1pxdashedblack;border-radius

本郡主是喵·2023-11-09 21:38

Vue中如何动态改变样式

我们以用document实现弹窗效果为例来啦.popbar{position:absolute;width:340px;height:60px;box-shadow:005px1px#464647;border-radius

NUAA_CX·2023-11-09 16:20

进度条（CSS）

效果（实际有动态效果）htmlcss.progress-bar{width:100%;height:30px;overflow:hidden;box-sizing:border-box;border-radius

星雪之域·2023-11-09 16:04

vue3+elementPlus table滚动条样式覆盖

el-scrollbar__bar.is-horizontal.el-scrollbar__thumb{ opacity:1;//默认滚动条自带透明度 height:8px;//横向滑块的宽度 border-radius

妙明元心·2023-11-09 14:49

CSS实现鼠标放上去显示提示工具

tooltip.tooltiptext{visibility:hidden;width:120px;background-color:black;color:#fff;text-align:center;border-radius

风与烈酒·2023-11-08 11:24

原生JS实现滑块效果

manipulation}#range{width:500px;height:80px;margin:100pxauto;position:relative;}.bar{width:500px;height:12px;border-radius

Steven Hank·2023-11-07 19:43

css加载动画

outer,.middle,.inner{border:3pxsolidtransparent;border-top:3pxsolid#3cefff;border-right:3pxsolid#3cefff;border-radius

蔷莫·2023-11-07 03:33

微信小程序组件及获取用户权限

父组件msg的值:{{msg}}list.wxss部分：/*pages/list/list.wxss*/.item{padding:5px;}img1{width:120px;height:120px;border-radius

GGYY丶·2023-11-06 14:08

css实现圆环边框的渐变颜色并且旋转

利用大圆渐变色的背景旋转动画来实现边框旋转上代码HTMLCSS.pan-thumb{width:100px;height:100px;display:flex;align-items:center;justify-content:center;border-radius

小炮兵快跑·2023-11-06 08:36

html CSS 循环旋转的圆圈

keyframesmove1{0%{}100%{transform:rotate(360deg);}}.box1{width:200px;height:200px;margin:20px;background:red;border-radius

laocooon523857886·2023-11-06 08:33

钩子函数实现小球弹落

钩子函数实现小球弹落.ball{width:15px;height:15px;border-radius:50%;background-color:red;}//创建Vue实例，得到ViewModelvarvm

跌倒的小黄瓜·2023-11-06 05:49

css画圆、半圆、椭圆、圆环

css画圆在css中利用border-radius可以画出我们想要的圆border-radius属性可以设置盒子四边的圆弧。

小青头·2023-11-05 12:16

CSS画圆实现代码

主要是css圆的样式定义的问题，解决好后就能画出来了Document.circle{width:100px;height:100px;border-radius:50px;border:1pxsolid

爱雨天·2023-11-05 12:46

用css画圆

background-color:blue;width:100px;height:100px;border-radius:50%;border:10pxsolidred;用css实现颜色渐变效果background

不想想了·2023-11-05 12:15

html css画中空圆圈,实现CSS圆环的5种方法(小结)

1.两个标签的嵌套：.element1{width:200px;height:200px;background-color:lightpink;border-radius:50%;}.child1{width

小bi罗·2023-11-05 12:44

css指定位置画圆,【翻译】4种CSS画圆的方法

四种方法1.BorderRadius.circle{background:#456BD9;border:0.1875emsolid#0F1C3F;border-radius:50%;box-shadow

我超喜欢小薯条·2023-11-05 12:44

用CSS画圆、半圆、线性箭头

一、css画半圆border-radius可以设置盒子四边的弧度。可以设置%，px等单位。

三重刘德华（男人中的极品）·2023-11-05 11:08

优化文件上传

microsoftyahei';color:#4A4A4A;}.upload{width:750px;padding:15px;border:1pxdashed#ccc;margin:25pxauto;border-radius

愿有岁月可回首_049c·2023-11-05 10:53

CSS动画按钮实例

实例一：在鼠标悬停时添加箭头：代码实现：/*设置按钮*/.button{display:inline-block;/*把button转换成行内块元素*/border-radius:4px;/*设置圆角*

码农六六·2023-11-05 05:36

02-原生js筋斗云案例

height:42px;margin:100pxauto;background:url(images/rss.png)rightcenterno-repeat;background-color:#fff;border-radius

高家_大少爷·2023-11-05 04:59

JS动态转盘可手动设置份数与概率(详细介绍)

我们转盘使用线段来实现.boss{width:400px;height:400px;border:5pxsolid#000;margin:0auto;border-radius:50%;position

远近高低各不同·2023-11-04 00:47

Qt颜色渐变样式

btn_style="""QPushButton{border:none;border-radius:0px;background-color:none;border-left:1pxsolid#1791FB

水军总督·2023-11-03 10:45

QScrollArea和QScrollBar的属性和样式

MyAreaStyle='''QScrollArea{background-color:rgba(54,62,68,0.8);border:0px;border-radius:0px;}QScrollBar

水军总督·2023-11-03 10:15

css——半圆实心

案例代码.circleBox{width:50px;height:100px;background:red;border-radius:100px00100px;}

耶啵奶膘·2023-11-03 07:01

四级联动，巧用事件代理

block;clear:both;}li{float:left;margin:8px;padding:8px;list-style:none;border:1pxsolidrgb(218,71,120);border-radius

西索798·2023-11-03 06:39

Qt界面美化之Qt Style Sheets

newQLabel("",this);labelLEDLIN->setFixedSize(36,36);labelLEDLIN->setStyleSheet("background-color:red;border-radius

奔波尔灞·2023-11-03 05:38

【JavaScript】实现三个小球围着椭圆旋转的加载动画

好久没有写过原生JS了，突然没事做，写了一个跟着鼠标走的加载小动画，最终效果如下图：这个效果实现起来非常简单，大概思路是：先用CSS3的border-radius属性将三个div的样式设置为圆形，然后定义一个椭圆路径

咖啡学编程·2023-11-02 17:05

html+css+js实现小红点跟随鼠标移动

pointer-events:none;*/overflow:hidden;background:pink;}.dot{width:20px;height:20px;background-color:red;border-radius

蔷莫·2023-11-02 17:32

vue实现vxe-pulldown上下键选择功能

{{item.name}}—{{item.value}}.my-dropdown{height:200px;overflow:auto;border-radius:4px;border:1pxsolid

ZYJ~·2023-11-02 13:00

推荐频道

border-radius