我正在尝试制作一个css圆的动画。当用户悬停它时，圆的边框应该变成一条虚线，并且它应该像旋转的轮子一样动起来。我可以让它在给定的时间内旋转，但我找不到一种方法来制作它的动画，直到鼠标指针悬停在它上面，然后当鼠标指针移出圆圈并制作一个虚线边框时停止动画。
html
<div>
</div>
css
div {
background: red;
border: 5px solid green;
width: 200px;
height: 200px;
border-radius: 50%;
transition: all 5s
浏览 4提问于2013-06-22得票数 2
回答已采纳
3回答
我想创建一个圆，它根据一些值被分成6个扇区，扇区的角度取决于一些参数。参数值越大，圆的弧度就越大。
据我所知，可以通过制作一个包含这6个不同部分的圆圈，然后在顶部放置另一个div，从而创建这个白色的环状效果。我知道如何创建圆，但不能理解如何动态地将其划分为不同颜色的扇区。
有没有可能使用CSS，是否存在使用Javascript的解决方案。任何帮助都将深表感谢。
浏览 0提问于2013-05-05得票数 4
回答已采纳
2回答
用CSS3使气泡连续向上运动？
、、、、
如下图所示：
看到背景中的透明圆圈了吗？我想要做的是让它们从下往上动画，然后手动跳下(屏幕外)并重新开始动画。圆是简单的<span>元素，使用border-radius来实现圆的效果。
这可以用CSS3实现吗，或者我需要使用javascript吗？如果可能的话，我还想在向上移动的同时，在X范围内随机横向移动圆圈。我想这种随机性需要javascript？
如果可能的话，我将非常感谢一些关于如何制作它的建议/想法。如果不能使用CSS，也可以使用Javascript库！
浏览 1提问于2012-12-19得票数 9
回答已采纳
1回答
我试着用CSS制作一个动画。我需要旋转的图像在轨道上的线条，不是一个圆。就像椭圆。就像这张照片。
下面是一些我设法做的演示
任何帮助都将不胜感激。
浏览 2提问于2021-12-13得票数 0
4回答
有没有人知道如何在CSS中创建它，或者这是否可能。我知道如何制作四分之一圆，但我不确定如何将其应用于此格式。边框的小块需要不同的颜色。
浏览 9提问于2015-12-08得票数 9
我需要在网页上制作一个带有标记(项目符号)的项目符号列表，这些项目符号看起来像是空的复选框(基本上就是一个正方形的轮廓)。我知道您可以通过CSS中的list-style-type属性指定列表标记，但可用的选项(实心圆、开圆、实心正方形等)不是我想要的。
我不需要这些来实现像复选框一样的功能。我只希望它们是正方形，而不是填充的。
谢谢，约翰
浏览 3提问于2011-09-19得票数 9
回答已采纳
3回答
在R中绘制一系列圆
、、、
我在powerpoint中制作了这个图像来说明我正在尝试做的事情： ? 我正在尝试制作一系列的圆(每个圆的大小都相同)，它们以一致的间隔沿x轴“移动”；例如，每个连续圆的中心与前一个圆的距离为2点。 我尝试了几种方法，包括DescTools包中的DrawCircle函数，但不能生成此函数。例如，这里我试着画20个圆，每个圆的圆心离前一个圆有2个点，每个圆的半径是2(这是不起作用的) library(DescTools)
plotdat <- data.frame(xcords = seq(1,50, by = 2.5), ycords = rep(4,20))
Canvas()
浏览 51提问于2020-10-30得票数 1
回答已采纳
1回答
我正在尝试用CSS3制作类似于这张图片的关机按钮
到目前为止，我得到了。问题是，我不能让那个“半圆”看起来像图像中心的那个圆，也不能把那个“半圆”居中，并且盒子阴影会毁掉那个“半圆”。
你有什么建议来改进我正在尝试做的事情吗？谢谢你的提醒！
浏览 0提问于2012-02-27得票数 1
回答已采纳
我可以使用多个div元素和页面的css文件制作一组颜色合适的圆。然而，我目前的任务是只使用一个div元素在javascript中动态创建一个目标，而不是模仿图像的css，它有多个色环。我开始做这样的事情：
var containerDiv = document.getElementById("container");
containerDiv.style.width = "200px";
containerDiv.style.height = "200px";
但这只会设置我需要的最大圆圈。我不确定如何在目标中动态创建更小的、不同颜色的圆圈。
浏览 6提问于2020-03-17得票数 0
我想创建一个传单地图，其中有圆和广场在同一个传单情节传奇。
到目前为止，我已经使用了前一篇文章中的建议，并在我闪亮的UI代码中添加了以下代码。
tags$style(type = "text/css", "html, body {width:100%;height:100%}",
".leaflet .legend i{
position: 'topleft';
border-radius: 50%;
width: 10px;
height: 10px;
marg
浏览 2提问于2018-10-15得票数 3
回答已采纳
3回答
我只想用center (x，y)和半径r画一个圆。
我用CGRect画了一些圆圈。当我画独立的圆时，它工作得很好。但是我正试着在圆的圆周上画圆。
在这种方法中，问题是:主圆不能准确地移动到外圆的中心，因为外圆是使用CGRect/frame制作的。
所以，如果我们能用圆心和半径画一个圆，请帮助我。
浏览 2提问于2012-04-08得票数 1
1回答
我目前正在为我公司的网站制作一个简单的交互式地图。我们正试图完全远离flash。
我所做的是，使点在地图上作为css圆圈(链接与背景颜色和css3圆角)，当悬停在上面时，大小略有扩大。
我遇到的问题是悬停动画不是完全平滑。由于圆的性质，为了使它们在悬停时向外扩展而不向下移动，我必须使圆的位置稍微移动(在悬停动画结束时，顶部和左侧分别为-5像素)。当我取下鼠标时，它会回到原来的大小和位置，但它会跳跃一个像素，有时看起来很凌乱。
这是我当前原型的链接：
那么，有没有一种方法可以让动画完美地流畅呢？
我在Mac，雪豹，chrome，firefox上看到了这个。
$(document).ready(f
浏览 0提问于2012-07-11得票数 2
回答已采纳
4回答
我正试着在我的页面上画一个半圆，但是我正努力用足疗来调整一下。
<i class="fa fa-adjust" style="color: green"></i>
在这一点上，我不能改变左边的圆。一个CSS向导可以帮助我，这样我就可以配置圆圈的两种颜色了吗？我希望右边是绿色的，左边是灰色的。
下面是我想要的圆圈(理想情况下)，具有与“fa-循环”相同的CSS设置。我希望我可以复制fa-循环CSS，然后创建一些CSS调整。当我导航到fontawesome.css文件时，基本上每种类型都有代码，因此我无法制作任何mods。
任何帮助都会很好。
浏览 5提问于2015-09-21得票数 6
回答已采纳
我想在圆内画一个正方形。我的圆的半径在0.5到3之间。
假设我的正方形总是0.66 * 2 * radius宽/高是安全的吗？
我正在制作一个函数来计算某个点是否在圆内。我已经做了一个正方形来从数据库中获取我的分数。我想在圆内创建正方形，以便快速确定某个点是否确实在我的圆内。
浏览 3提问于2011-09-29得票数 1
回答已采纳
2回答
我正在制作一个游戏，其中所有的运动都是基于网格的。我也不想创建可以绕着圆圈移动的实体。因此，有没有人有任何建议来创建一个方格网格的圆(就像MS Paint使用圆工具将方块像素画成一个圆一样)。
浏览 0提问于2009-06-20得票数 13
回答已采纳
2回答
html图像响应式设计
、、、
我在调整图像大小时遇到问题
我使用'%‘制作了两个响应式图像
一个图像只有一个圆，另一个是一个圆+一个square6
图像的圆是相同的图像，因为当第一个图像完成动画时，
第二个图像在其上进行动画处理
当我调整网站大小时，第二张图片的圆比例和第一张图片的圆必须调整相同的比例
请帮帮我
$(document).ready(function() {
setTimeout(function() {
$('#animate-img2').addClass('hide');
$('#animate-img').css('
浏览 22提问于2018-02-21得票数 1
回答已采纳
1回答
如何阻止一个事件触发两次？
、、、、
我正在尝试制作一个Tic-Tac-Toe游戏来理解Dom操作；我已经在#main-wrap Div中的所有独立Div上放置了一个eventListener()。这些div包含一个十字和一个圆的SVG，它们都具有CSS值display:none。一旦玩家选择了他的移动，我如何确保所选的div不能再次被选择？(因为如果它再次被选中，它会从一个十字变成一个圆)。如果你能弄明白，请帮帮我。 const section1 = document.querySelector('.section-one');
const mainDiv = document.getElementById(&
浏览 21提问于2021-01-17得票数 0
我制作了几个经典的php/javascript/css网页，所以这里有一些基础知识，但现在我需要创建一个星座页面，其中包含某个日期和时间的行星位置。
行星的位置应该由两个圆圈图形显示，一个圆圈在另一个圆圈内。
这两个圆都被分成12个房子(30度)。
内圆应显示某一日期和时间(生日)的行星位置，外圆应显示当前行星的位置(行星凌日)。
我想我需要一些可读格式的瑞士星历资源(可能是xml或json ?)。
有没有可能使用javascript或者html canvas呢？
我需要一些一般性的说明-从哪里开始，以及完成这项任务的最短方法是什么？
浏览 0提问于2016-05-31得票数 1
如何在c#中制作可移动控件？
用一条线连接它们的两个圆圈。
如果我们在任何方向上移动一个圆，另一个圆保持不变，但这条线会根据第一个圆改变其位置。
我想要的想法.....pls帮助我，如果你有？
浏览 3提问于2011-04-04得票数 2
1回答
我需要一个像旋转电子一样的动画，在原子核中间的三个轨道轨道上。我目前正在使用cocos2d 3.2V来开发我的游戏。我试着用bezier路径制作旋转动画，但是这个圆象限的工作并不能制作完整的圆动画。如何使用cocos 2d来实现这种动画呢？
提前感谢
浏览 0提问于2014-09-05得票数 0
回答已采纳
1回答
我有一张图片，里面有一个圆(用css3绘制)。
现在，当我放大/缩小图像时，我想保持圆在图像中的相同位置，以便当图像放大/缩小时，圆将平移，但我无法计算需要在图像放大/缩小时平移圆的坐标。任何建议！！
图像和圆是HTML中的兄弟元素
浏览 7提问于2016-04-04得票数 0
我正在使用css制作一个“饼形楔形”，制作一个圆，裁剪掉一半，然后变换-旋转另一个裁剪矩形，这样只显示一个25度的弧线。这可以很好地工作；显式定义了六个这样的饼形楔形的示例是。
然而，我想要做的只是定义一个饼楔子，然后使用cloneNode通过javascript创建其余的，如下所示：
for (var i = 1; i < 6; i++) {
var el = document.getElementById('slice1');
var child = el.cloneNode(true);
child.id = 'newslice
浏览 4提问于2015-02-13得票数 0
2回答
这只是一个老问题的扩展
你会发现x轴在most_out圆之外。在ggplot2中，我使用"panel.grid.major = theme_line(colour =“ggplot2”，size = 0.2，linetype=2)“来获得虚线圆，如下所示：
所以我的问题是如何制作轴标签(180,135，90，.....)在圆之外，因为文本与圆线合并。
我尝试使用"hjust“或"vjust”来调整文本和轴之间的距离。但它不起作用。那么你对这个问题有什么想法吗？首先谢谢！
浏览 0提问于2012-05-29得票数 12
我是css的新手。我想做同心圆。如何使用css做到这一点？我可以分别创建两个圆。我用过position: absolute
谢谢你的帮助。
浏览 7提问于2021-09-27得票数 2
1回答
通过画布制作图像
、、
我正在尝试做下一件事(我试图通过css：来完成它，但用户建议我通过画布完成)。所以我试着通过画布：
当用户完成所有这些形状时，它将更改为：
当用户删除此形状时，它将被更改为图像号1。
如果在图像2中按下小灰色圆，则图像将更改为：
如果他按下小蓝光圈，它将被更改为图像2。
我试着通过canvas，javascript和css制作它，我得到了形状。
我要做的是把一个lightBlue圆放在灰色形状的中间(它总是在那里)，并在蓝色形状的末尾放一个绿色的小圆圈。
蓝色的形状可以更长，更小，也可以在左边。
例如：
此外，当用户按下小圆圈时，我必
浏览 4提问于2013-12-12得票数 1
回答已采纳
3回答
我使用jquery.imgr.js在php文件中制作图像拐角处。
我有下面的代码来从数据库生成图像。
<?php
for($i=1;$i<=5;$i++)
{
?>
<img id="hero" src="art/<?=$getArtistsId[$i];?>" height="75px" width="98px"/>
<?php
}
?>
贝娄是制作图像角圆的脚本。
<script type="text/javascript">
$
浏览 8提问于2011-09-01得票数 0
回答已采纳
2回答
沿圆圈旋转链接
、、、、
我正试着制作一个网站，链接围绕一个圆旋转。(类似于此) 具有不同的图像和文本，导致不同的urls。该图像是一个统一的图像，它也随着用户滚动而旋转。有我能做到的吗？另外，是否有一种方法可以使页面高度无限，这样用户就不会在滚动时到达页面底部？谢谢!
这是允许图像旋转的jsfiddle和代码。
var $cog = $('#cog'),
$body = $(document.body),
bodyHeight = $body.height();
$(window).scroll(function () {
$cog.css({
'tr
浏览 6提问于2014-01-07得票数 0
回答已采纳
3回答
CSS3加载环
、、
我有一个有3个圆的CSS3圆加载器。我有问题，每个圆圈(从第一个开始)应该淡出几秒钟后，可能使用CSS动画。任何帮助都是非常感谢的。
浏览 0提问于2012-12-21得票数 2
回答已采纳
可以使一个安卓应用程序具有动作栏，列表视图和其他原生安卓的东西，但为了显示动画，而不是使用OpenGL，我们可以使用Unity-3D吗？如果不可能，请向我推荐一些学习OpenGl的教程或一些库，它们可以更容易地制作动画，比如，两个圆被一条线连接起来，这样线从圆1开始，在圆2结束？
浏览 3提问于2015-09-25得票数 0
我有一个HTML5页面，在那里我加载了一个svg圆。当我点击这个圆时，我会在我点击的地方创建另一个小圆。我希望能够拖动第二个圆，但似乎不能使用jquery-ui .draggable()；
我可以通过访问圆的cx和cy属性来移动圆，因此必须有一种方法来拖动它。
<!DOCTYPE HTML>
<html >
<head>
<title></title>
<link href="css/reset.css" rel="stylesheet" type="text/css"&
浏览 4提问于2009-07-10得票数 34
回答已采纳
1回答
我有一个透明的css圆，边框宽度为5px，所以它看起来就像一个轮廓，我的圆大小是100% x 100% (动态取决于父div)，它工作得很好。
我希望我的边框宽度也变得更大/更小，这取决于圆的大小！这有可能吗？我无法用百分比设置我的边框宽度！我还能怎么做呢？
我正试着只保留这个CSS请！
浏览 1提问于2013-03-10得票数 0
回答已采纳
我最近学会了如何制作圆边纽扣。但是我只能用一个普通的背景制作按钮。现在，我想制作一个按钮，它使用计算机中的图像文件作为背景。我该怎么做呢？
浏览 4提问于2016-03-16得票数 0
2回答
使用d3.js进行维恩图布局
、、、、
有关于如何使用d3.js制作维恩图的示例吗？我知道 的事
在D3网站上提供。然而，它们迫使我自己计算圆的x.y位置。我希望只将数据(圆的大小和重叠的大小)提供给函数/图表，它应该会为我做布局。
浏览 0提问于2012-09-22得票数 13
回答已采纳
1回答
如何创建一个旋转的圆圈？
、、、、
我试着制作一个简单的“旋转齿轮动画”。基本上，我想把一个圆放在屏幕上的某个位置，并给这个圆一个齿轮的图像(或者只是使图像旋转，而不是首先创建一个圆)。另外，齿轮应该保持旋转。我怎样才能做到这一点？
我是ios开发的初学者。如果有人能提供一个简单的示例代码，我会非常感激的！
浏览 3提问于2013-08-03得票数 0
回答已采纳
1回答
我正在制作一个GUI来使用Tkinter绘制加权图形，所以我制作了一个按钮，当单击该按钮时，将使用canvas创建一个圆(图形顶点)。然后，圆应该跟随光标到达画布上的任何位置，并在鼠标单击时停止。
我设法让圆圈跟随光标，但我不知道如何让它停止跟随。
这是我创建的函数
def buttonClick():
def Mouse_move(event):
x,y = event.x , event.y
canvas.moveto(vertex,x,y )
vertex= canvas.create_oval(650, 100, 750, 200)
浏览 11提问于2021-05-16得票数 0
参见这里的演示：
当我点击中间的雨滴，我希望它旋转到旋转圆的当前位置！我在JS代码下面尝试过，但它不起作用！接下来，我想做的是雨滴旋转与旋转圆！
$(function() {
$('#center').click(function() {
var pos = $('#circle').css('transform')
$(this).css('transform', 'pos')
});
});
浏览 4提问于2013-08-25得票数 4
回答已采纳
3回答
我正在制作一个PHP图像脚本，它将在给定半径处创建圆。
我使用：
<?php
imagefilledellipse ( $image, $cx, $cy, $w, $h, $color );
?>
但讨厌它产生的粗糙边缘。因此，我在考虑制作或使用圆形字体，我将使用以下内容输出：
<?php
imagettftext ( $image, $size, $angle, $x, $y, $color, 'fontfile.ttf', $text );
?>
这样字体就会产生一个边缘平滑的圆形。我的问题是让“字体大小”与“半径大小”相匹配。
有什么想法吗？或者
浏览 0提问于2010-03-15得票数 5
回答已采纳
我有一个小小的大学项目。我正在使用<canvas>元素制作圆的动画。它们从下边框开始显示，并平滑地向上移动。圆的X坐标、半径和颜色是随机选择的。
问题是，当我的圆圈到达<canvas>的上边界时，它们开始闪烁，有时还会改变颜色。这是。我做错了什么？谢谢。
浏览 0提问于2013-11-22得票数 2
我需要在谷歌地图v2上绘制五个圆圈-将当前位置作为圆心。这意味着五个圆的圆心相同，但半径不同:第一个圆的半径为10m，第二个圆的半径为20m，第三个圆的半径为30m，第四个圆的半径为40m，第五个圆的半径为50m。我正在使用谷歌地图v2。
我还需要在圆圈的中心显示一个标记。
我试着在谷歌地图v2上画一个圆，但它只画了一个圆，而不是五个圆
CircleOptions circleOptions = new CircleOptions()
.center(latLng) //set center
.radius(500)
浏览 0提问于2013-05-22得票数 3
回答已采纳
对于一个项目，我必须创建一个梨形容器。我试着用CSS3圆角做这件事，但它看起来并不完全像它。然后我在底部使用了一个图像，但我需要这个图像具有响应性(可伸缩图像)。
我想编写类似这样的代码：
但是当您最小化浏览器屏幕时，布局会中断，并且梨形状不可伸缩。我想知道是否有一种方法可以使用CSS3来实现这一点，或者使用可伸缩图像来实现这一点的更好方法。
顺便说一下，我正在使用bootstrap，这是我第一次尝试使用bootstrap制作网站，所以任何指导都将非常感谢。
浏览 0提问于2013-09-04得票数 1
我正在制作一个android应用程序，我有一个图像标记(一个圆圈)。当它在地图上时，圆的底部与位置对齐，而不是圆的中心。我该怎么解决这个问题？ mMap!!.addMarker(
MarkerOptions().position(LatLng(location!!.latitude, location!!.longitude)).title("Me").snippet("My Location").icon(
BitmapDescriptorFactory.fromResource(R.d
浏览 13提问于2019-06-26得票数 0
回答已采纳
2回答
我需要创建一个类似这样的页面。蓝色的圆圈是主圆，绿色的圆圈应该围绕主圆。绿色圆圈计数是随机的(约0-10)。所有的绿色圆圈都用一条线连接到蓝色的圆上。
我知道用CSS画圆圈。我需要知道,
如何将绿色的圆圈围绕在蓝色的圆圈上
如何将绿色圆圈与蓝色圆圈连接起来
是否可以使用CSS。如果不是的话，是怎么回事？
谢谢。
浏览 0提问于2013-11-18得票数 3
回答已采纳
我正在制作一个paperjs应用程序，你可以在其中有圆，每个圆可以自由移动。一些圆圈通过线相互连接，这会使圆圈彼此靠近--即线模拟圆圈之间的弹性带。然而，这些圆是不允许重叠的，所以我想做一些碰撞排斥。目前，我已经将其实现为圆圈之间的排斥力。对于每个圆，我检查所有其他圆的位置，每个圆的速度向量在与靠近它的圆相反的方向上增加，与它与这个圆的接近程度成比例。所以实际上像velocityvector += -(vectorFromThereToHere / 10)这样的东西
然而，这样做的结果是，在连接的圆之间的吸引力和所有圆之间的排斥力之间，您最终会得到连续的来回抖动。
那么，在圆圈之间实现某种排斥
浏览 0提问于2016-01-04得票数 1
5回答
有没有可能创建带有带圆和图像偏移量的图像的div？例如，如果我有一个高度为1200px的图像，我想用CSS创建一个100x100像素的圆，这个圆的初始x位置必须是500px？
浏览 0提问于2013-06-29得票数 0
回答已采纳
2回答
我想制作一个SVG圆(太阳)，它通过单击它从黄色变成灰色，然后再次单击它又变成黄色(以此类推)。我曾经以不同的方式让太阳通过点击一次就改变了颜色，但它不会在第二次点击时改变回来。 为什么这个不起作用？我该怎么做呢？ 如果我写错了这篇文章，很抱歉，这是我在这里的第一篇文章。 // Trying to make it as one function with if-else
$(document).ready(function(){
$("#sun").click(function() {
if ($(this).attr("fill") ==
浏览 53提问于2020-08-26得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
