手机版
热门标签
站点地图
我要投稿
广告合作
联系我们
搜 索
广告位招租
广告位招租
切换导航
首页
人工智能
编程教程
编程导航
编程百科
编程问答
编程博文
编程实例
硬件设备
网络运营
软件教程
移动数码
办公软件
操作系统
网络运维
技术频道
▸ 编程语言
▸ 前端开发
▸ 移动开发
▸ 开发工具
▸ 程序设计
▸ 行业应用
▸ CMS系统
▸ 服务器
▸ 数据库
公众号推荐
微信公众号搜
"智元新知"
关注
微信扫一扫可直接关注哦!
css-shapes
css-shapes专题提供css-shapes的最新资讯内容,帮你更好的了解css-shapes。
css – 透明的文字
我需要用CSS实现对文本的透明化,所以我不需要替换< h1>标签由< img>标签.我已经设法使用CSS实现文本的直通,但我不能使其透明. 期望的效果: 我拥有的 : body{ background: url(http://lorempixel.com/output/people-q-c-640-480-1.jpg); background-size:cover; } h1{
作者:佚名 时间:2019-06-15
css – 是否可以使用凹面边框?
这是一个简单的凸起的例子. http://jsfiddle.net/swY5k/ #test{ width: 200px; height: 200px; background: #888888; border-radius: 50px; } 但是,我想要一个凹边界半径. 我试图使边界半径为负,但这不行. 凹/凸的例子: 您可以使用背景中的径向梯度给出凹面边框的印象.
作者:佚名 时间:2019-06-12
如何在css中创建空心三角形
参见英文答案 > Create a triangle with CSS? 6 我想用CSS创建空心三角形,但是我不怎么空洞.我可以用CSS创建三角形,但我有一个问题,这是:我不能空心这个三角形. 这是我的代码: HTML: <div id="tringle"></div> CSS: #tringle { position:
作者:佚名 时间:2019-06-12
css – 带有缩进圆的线
我想知道这个带有缩进圆圈的心是如何实现的.如何让曲线像这样? CSS, HTML有可能吗? 我知道如何使用CSS甚至是图像来实现心脏,但弯曲的边框是我所不知道的. 在这种情况下,border-radius似乎不是解决方案. 以下是如何使用内联svg实现此布局的想法. 在SVG中: >第一条路径是带有缩进圆的线.使用arc命令创建缩进圆 >第二个路径元素是心脏轮廓.它使用贝塞尔曲线命令作为心脏的顶部
作者:佚名 时间:2019-06-08
css – 展开圆的宽度
我对 CSS3动画很陌生,我想知道你如何做以下的动画: 我有一个圈子: 在悬停时,我想扩展圆圈的宽度,使其变成药丸形状,并带有如下图所示的过渡: 这就是我试过的.问题是当宽度扩展时,圆会过渡到椭圆: .logo { background: red; width: 100px; height: 100px; border-radius: 50%; transition: widt
作者:佚名 时间:2019-06-08
css – 圆角,不圆角
我想创建一个完全在CSS中显示的形状.正如你所说,这应该比简单应用圆角更需要更多的调整… 可以做吗 这是jsfiddle: http://jsfiddle.net/swqZL/ 元素div的CSS与类“figure”: .figure { height: 400px; width: 200px; background-color: black; border-bottom-left-radius:
作者:佚名 时间:2019-06-07
css – 元素的复杂剪辑路径/ SVG背景
我需要创建如下图所示的内容: 哪里: >黑色背景代表页面上的元素,例如标题 >青色背景代表黑色背景下的整体背景 >黑色背景元素必须像单个元素一样对待,因为它上面会有一个图案叠加,它必须保持在黑色元素的边框内,而不是在黑色元素的外部显示 用一些伪元素创建黑色元素是非常容易的,但是在它之上的那个模式已经使整个事物陷入停顿. 我一直在阅读剪辑路径道具.但我不确定我是否能够像这样创建一个复杂的剪辑(或者对
作者:佚名 时间:2019-06-06
CSS或SVG中的波形
我正在尝试使用CSS创建软波并且遇到一些麻烦.我现在正在使用border-radius创建波浪,但它看起来更像云.我尝试使用transform:translateZ(180deg);但是div的颜色是颠倒的. 这就是我想要的: 这就是我所拥有的: .wave1 { left: 0%; margin-left: -50px; } .wave2 { margin-left: -69px;
作者:佚名 时间:2019-05-27
所需的五边形形状,正确的方向CSS和HTML
如何在不使用-webkit-clip-path的情况下制作这种类型的五角形,因为它不适用于Firefox,IE9等大多数浏览器. 我的代码:http://codepen.io/anon/pen/MYbKrQ div { width: 150px; height: 150px; background: #1e90ff; -webkit-clip-path: polygon(0% 0%
作者:佚名 时间:2019-05-27
CSS:条纹钻石
我可以做一个钻石,我可以用CSS做条纹.我有两个问题合并得到条纹钻石.请参阅 my fiddle(适用于Chrome). 我怎样才能制作条纹钻石? #diamond { width: 0; height: 0; border: 80px solid transparent; border-bottom: 40px solid red; position: relative;
作者:佚名 时间:2019-05-26
css – 悬停时从中心填充元素
如何创建按钮,以便在悬停时背景颜色从元素的中心向左和向右填充元素. 示例: 我知道如何使用CSS3过渡,并可以使其动画到所需的形状,但无法让它从中心向外过渡. 形状不会改变尺寸我只想用过渡来填充它. 实现类似效果的另一种方法是使用线性渐变作为背景图像,将图像定位在元素的中心,然后在悬停时将背景大小从0%100%转换为100%100%.将X轴中的背景尺寸从0%增加到100%意味着背景颜色将慢慢填满元
作者:佚名 时间:2019-05-20
css – 如何让我的文字在我的图像顶部拥抱?
我一直在研究新的adobe CSS Shapes并且无济于事. 由于我的浏览器只支持20%(应该仍然支持我正在使用的),我想我会开始解决这个问题并尝试新的东西. 我试图将图像放在文本的中心,让文本从顶部拥抱图像.如果你向#circle-left /#cirlce-right添加一个margin-top,你会看到图像上方的空白区域,这里是一个JSFIDDLE. 如果您想尝试CSS Shapes,请单
作者:佚名 时间:2019-05-18
如何在CSS中创建边框角间距
如何使用CSS创建边界角间距,如下图所示?内容的高度不固定. 使用 border-image: 我们可以利用border-image在所有四个边上分配线性渐变作为边界图像.我们需要一个伪元素(与父容器重叠),因为渐变只能在一个方向上进行.梯度可以支持基于百分比的值,因此可以适应不同的容器尺寸.这可以通过将鼠标悬停在代码段中的div来验证. 这种方法的主要缺点是border-image属性有low
作者:佚名 时间:2019-05-16
悬停并单击CSS三角形
我有一个带有 javascript函数的三角形可以移动该图像. 问题是该元素具有方形形状,因此在三角形之外触发点击和悬停状态(参见下图中的红色部分): 如何防止悬停并在三角形外部单击并仅允许在三角形内部单击/悬停状态? 要防止悬停并在CSS三角形外部单击,可以使用变换来制作三角形. 这里描述了这种技术:CSS Triangles with transform rotate 关键是要使用一个带有隐藏
作者:佚名 时间:2019-05-15
尖尖的叶子形状CSS
我正在尝试在CSS中创建一个尖叶形状,如图像 http://i.imgur.com/KoN0PGo.jpg.我设法想出了一种创建默认叶形的方法,但在找到如何创建尖角时有一些问题.我只想找到创建一半叶子的方法,因为我打算绘制图像来为它设置动画,并且每一半叶子都是独立的.有没有办法使用CSS创建该形状? 默认叶形:https://jsfiddle.net/xwvyo1c5/ .leaf { wi
作者:佚名 时间:2019-05-15
css – 背景图像,线性渐变锯齿状边缘结果需要平滑边缘
我试图让图像的底部指向.我试图通过在底部生成两个三角形来获得此效果.他们必须有回应.在搜索了整个互联网之后,有很多例子对我的要求不起作用,这是迄今为止我设法生产的最好的例子. body, html { height: 100% } .image { width: 1410px; margin-right: auto; margin-left: auto; height: 500
作者:佚名 时间:2019-05-13
带边框和圆角的CSS3六角形按钮
我有图像,它有非常奇怪的形状:扁平六边形,边框和圆角.我想用CSS制作它. 我试图用CSS制作它,以便它可以动态扩展更长的文本,但它不适合我. 这是图像 CSS: 您可以使用2个3d变换的伪元素来实现此形状: div { display: inline-block; position: relative; padding: 20px 50px; perspective: 30px;
作者:佚名 时间:2019-05-12
css中形状的混合模式
我想说我有一些圈子: <circle class="first"></circle> <circle class="second"></circle> 使用以下css: circle { border-radius: 50%; width: 100px; height: 100px; background: #000; } 如何重叠时能达到以下效果? 优选地
作者:佚名 时间:2019-05-12
如何使用css3 / javascript将圆圈分成12个相等的部分
HTML: <?xml version="1.0" encoding="utf-8"?> <html> <head> <title>Circle</title> <link rel="stylesheet" href="stylesheet.css" type="text/css" /> </head> <body> <div class="circle"><p
作者:佚名 时间:2019-05-10
CSS波动画文本
这个怎么运作 下面显示的.png图像被剪切为带动画的文本; 在行动中 body { background: #000000; } .Wave-Loader { text-transform: uppercase; font-family: 'Cabin Condensed', sans-serif; font-weight: bold; font-size: 100pt; text-a
作者:佚名 时间:2019-05-09
上一页
6
7
8
9
10
11
12
13
14
下一页
小编推荐
苹果市值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