手机版
热门标签
站点地图
我要投稿
广告合作
联系我们
搜 索
广告位招租
广告位招租
切换导航
首页
人工智能
编程教程
编程导航
编程百科
编程问答
编程博文
编程实例
硬件设备
网络运营
软件教程
移动数码
办公软件
操作系统
网络运维
技术频道
▸ 编程语言
▸ 前端开发
▸ 移动开发
▸ 开发工具
▸ 程序设计
▸ 行业应用
▸ CMS系统
▸ 服务器
▸ 数据库
公众号推荐
微信公众号搜
"智元新知"
关注
微信扫一扫可直接关注哦!
css-shapes
css-shapes专题提供css-shapes的最新资讯内容,帮你更好的了解css-shapes。
css – 半透明的倾斜背景
我想创建一个HTML元素,例如一个div,其风格如下: >半透明背景颜色 >所有边缘都有圆形边框 > div的左边画一条直线 >右边的div画一条斜线 我想在CSS中创建这个,并想知道是否可行。到目前为止,我想出了两种不同的方法,它们有自己的缺点,并不完全足够。你可以看看这个小提琴: https://jsfiddle.net/n4tecna3/ .one-side-skew-1, .one-sid
作者:佚名 时间:2020-03-30
使用CSS3在一个圆圈中的细分
我知道你可以使用边框半径黑客在CSS3中做一个圆圈。但是有没有办法使他们有这样的图片的细分?有没有办法通过HTML和CSS而不是JS? 是的,您可以使用以下两种方法之一获得自定义角度的切片: >如果您不需要这些切片作为元素本身,您可以简单地用一个元素和线性渐变来实现 – 看到上个月我做了这个rainbow wheel。 >如果你需要切片作为元素本身,那么你可以通过链接旋转和扭转变换来实现 – 看到
作者:佚名 时间:2020-04-02
css – 文字形状动画,动画外观
我试图在段落的文本上实现以下动画: 目的是根据左边的形状动画文字的边界。这是我尝试过的,但我无法弄清文本形状的转换: .mainDiv { width: 600px; margin: 0px auto; border: solid 1px #000; padding: 10px; min-height: 200px; } .element { width: 200px;
作者:佚名 时间:2020-04-02
css – 在斜线上对齐文本
使文字在斜线上保持一致吗?它的对齐应该遵循倾斜的倾斜图像与IE9的必要支持? 我的例子code: img { display: block; float: left; transform: rotate(-5deg); margin: 0 15px; } <div> <img src="http://placehold.it/150x250&text=img" alt="ima
作者:佚名 时间:2020-04-05
css – 围绕圆形图像分割的圆形边框
我想知道如何使用CSS创建以下效果: 所需输出: 目前,我可以想到的是在图像周围添加边框。但是,如何切割它们,并在图像周围形成部分? 这是我目前的CSS: .avatar img { border-radius: 50%; border: solid 3px #65C178; border-width: 4px; } 和HTML: <div class="avatar"><
作者:佚名 时间:2020-04-05
在CSS中制作锯齿状的三角形边框
我有一个像Photoshop这样的边缘的形状: 是否可以使重复的三角形作为CSS的边框? 您可以使用css3渐变来创建一个曲折图案的背景,使用后css伪应用它像一个边框。 HTML: <div class="header"><h1>This is a header</h1></div> CSS: .header{ color:white; background-color:#2B3A48; tex
作者:佚名 时间:2020-04-05
css – 如何创建卡车/货车侧镜的形状?
.circle { width: 40px; height: 40px; border-radius: 50%; background-color: yellow; position: absolute; z-index: 20; border: 1px solid #AAAAAA; box-shadow: 0 0 8px 2px yellow; } .roof {
作者:佚名 时间:2020-03-12
css – 带圆角和缩进弯曲边框的广场
我想知道是否可以在纯CSS中创建一个圆角的方形和缩进的边框。 目前我有这个: #custom-square { position: relative; display: block; width: 75px; height: 75px; border: 2px solid #8A6EF1; border-radius: 10px;
作者:佚名 时间:2020-03-12
css – SVG进度条
我有一个要求,我需要动态加载js文件,并显示通过SVG图标加载文件的进度。 SVG图标将作为进度条,从底部到顶部以线性方式填充颜色。 这是codepen <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="79.
作者:佚名 时间:2020-03-12
css – 使表格单元格正方形
如何确保桌子的每个单元格都应该变成正方形而不使用固定尺寸?并且当他们改变宽度时要有响应。 table { width: 90%; } td { width: 30%; } tr { /** what should go here? **/ } <table> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <t
作者:佚名 时间:2020-03-03
css – 具有背景图像的三角形状
我正在处理一个需要两个三角形来保存背景图像的项目,并且是链接。 这是我想要的两个三角形的模拟。 目前,我只有两个跨越900×600的div,每个三角形作为背景图像。我现在遇到的问题是,我不能将它悬停在Cinema div的透明部分,以达到照片div。 我可以用css3三角形完成这个设计,并设置它们的背景图像吗?我一直认为自定义形状是由边框组成的,具有边框颜色。 是否可以使用css3三角形,如果是,
作者:佚名 时间:2020-03-03
css – 带箭头的语音气泡
我有一个项目,我需要插入语音气泡/消息框。我想要实现的一般形状就是这样: .bubble { height: 100px; width: 200px; border: 3px solid gray; background: lightgray; position: relative; cursor:pointer; } .triangle { width: 0; b
作者:佚名 时间:2020-03-03
使用纯CSS绘制动画弧
我知道可以在svg和canvas中绘制和制作弧形.但是,它有可能在CSS? 我使用以下方法创建了一个弧: .arc{ width:150px; height:400px; border-radius:50%; border-right:1px solid black; border-left:1px solid black; border-top:1
作者:佚名 时间:2019-12-23
CSS3形状 – 有什么可能?
我只关注最新的gen浏览器: > IE9(还没有真正研究过这个) > FF4 > Chrome10 > Safari5 > iOS 3.4 >歌剧? 我知道我可以轻松获得正方形和矩形,带圆角的圆圈和省略号(圆圈:W = H,省略号:W!= H).我知道我可以通过边框设置获得slopes.我知道如何获得1/2和1/4圈,但是有可能获得: >饼楔(任何尺寸,在圆圈的任何位置?即18%的楔形,水平20%
作者:佚名 时间:2019-12-23
如何在纯css中的div之前制作三角形?
你好朋友我曾多次尝试但是我没有成功,请帮助我 我希望这下面的图像像这样 现在我创造了这个但是没有创建这个div的右角现在任何身体都请帮助我 我的代码是 CSS .dashbord a { display:block; line-height:28px; padding-left:8px; font-family: 'LatoRegular'; font-si
作者:佚名 时间:2019-12-22
css – 如何制作对角圆边框渐变?
我有CSS3的问题.我不知道如何制作像这样的对角圆形渐变边框: 我找到了像this这样的东西: .box { width: 250px; height: 250px; margin: auto; background: #eee; border: 20px solid transparent; -moz-border-image: -moz-linear-gradient(
作者:佚名 时间:2019-12-22
css – 显示背景图像的透明边框
我有这个: 我想实现这个目标: 我有一个大的外部div(红色背景)和一个较小的内部div(绿色背景).小div有边框,我希望边框显示为透明以显示背后的背景.这是用HTML / CSS实现的吗? 您可以使用伪元素实现显示背景图像的透明边框. 红色背景是伪元素的边框,透明边框由元素背景和伪元素边框之间的间隙创建: DEMO: body{ background:url('https://farm
作者:佚名 时间:2019-07-28
如何使用css伪元素创建自定义工具提示
我正在阅读 css-tricks and in the end我可以看到以下内容. Using an HTML5 data attribute, then pulling that attribute in and styling it as a pseudo element, we can create completely custom tooltips through CSS. 问题是文章内
作者:佚名 时间:2019-07-28
如何在直线的css中创建“平行四边形”形状?
参见英文答案 > How to bevel the corner of a block div? 4个 我试图在css中创建一个直线右侧的平行四边形,但到目前为止,我正在努力实现这一目标. 我正在使用CSS … -webkit-transform: skew(-18deg); -moz-transform: skew(-18de
作者:佚名 时间:2019-07-28
css倾斜元素并获得内部圆形边框顶部
我正在尝试使用css复制图形设计,但我没有响应,我可以实现静态形式但有微小缺陷(由于将两个元素组合在一起). 这是图形设计: 我更倾向于倾斜,例如:倾斜(-40deg).但这个想法是有一个内部的圆形边框,就像在图像中一样包裹着那个按键. html很简单: <header> <nav></nav> </header> css: body > header > nav { display:
作者:佚名 时间:2019-07-28
上一页
6
7
8
9
10
11
12
13
下一页
小编推荐
苹果市值2025年有望达4万亿美元
• Redmi Note 14系列卖爆 女性用户增多 1
• 腾讯:不再公开显示职级!不希望被官僚
• 三只羊“财色录音”是假的!但背后技术
• 视频美颜SDK与直播美颜工具API的架构设
• 淘宝已接入微信支付!官方确认:京东双
• 品控差!iPhone16首批现划痕、掉漆、摄
• DXO公布iPhone 16 Pro Max影像成绩:最
热门标签
更多
python
JavaScript
java
HTML
PHP
reactjs
C#
Android
CSS
Node.js
sql
r
python-3.x
MysqL
jQuery
c++
pandas
Flutter
angular
IOS
django
linux
swift
typescript
路由器
JSON
路由器设置
无线路由器
h3c
华三
华三路由器设置
华三路由器
电脑软件教程
arrays
docker
软件图文教程
C
vue.js
laravel
spring-boot