如何在纯CSS中创建圆心文本的圆形动画？

文章/答案/技术大牛

发布

2回答

css、twitter-bootstrap

我是CSS的初学者，花了一段疯狂的时间尝试如何创建以下内容：圆圈表示100%，绿色填充表示62%。仅仅在CSS中这是可能的，或者需要一些javascript来创建吗？

浏览 6提问于2017-02-08得票数 0

回答已采纳

2回答

如何使用CSS3制作Google麦克风图标？

css、icons、font-awesome、css-shapes

我试图创建‘谷歌现在’麦克风图标使用纯CSS3。我试过字体--太棒了，但没有成功。没有动画或功能，只有图标

浏览 15提问于2014-08-23得票数 1

回答已采纳

2回答

在滚动上绘制/显示路径

javascript、jquery、css、html

我需要建立一个响应时间线上滚动动画。本简介的一部分是在滚动时显示一条路径-路径是一系列圆形圆圈，如- 我需要从左到右透露，这张图片是一个背景不透明的PNG，因为下面的租户身上还有其他事情--基本上我被一个像样的方法难住了。是否可以使用纯CSS或CSS /JS的组合从左到右显示不透明的图像？

浏览 2提问于2014-10-09得票数 0

1回答

CSS中具有转换的可扩展分区

javascript、jquery、html、css

解决办法必须：在我的样式表中使用:hover，将设置的像素值更改为auto，就像在中看到的那样(但在我的样式表中，它是纯CSS)。这并没有过渡

浏览 4提问于2016-02-13得票数 8

回答已采纳

5回答

从dom节点到dom节点的javascript/css动画

javascript、html、css、animation

ng-animate-ref允许创建--从一个dom节点到另一个的转换。ng-动画使用所有的css样式，如position、font-size、font-color和更多来自第一个dom元素和第二个dom元素的css样式，并创建一个css 3动画来将元素从state a移动到这正是我所需要的，但不幸的是，我不能在当前的项目中使用角1。是否有任何可重用的<

浏览 11提问于2016-09-12得票数 33

回答已采纳

1回答

用动画掩蔽一个圆圈并移动面具

html、css、css-animations、mask

我有一个圆形的div，它是垂直和水平中心的div。我正在努力实现一个css动画，它似乎是从上到下渐行渐远。@keyframes example { to {height: 80px}由于圆

浏览 5提问于2017-06-28得票数 1

回答已采纳

2回答

iOS四舍五入模糊文本字段

ios、swift、core-animation、blur

我想知道，如何在ios 8或9中创建圆形模糊文本输入字段和模糊按钮。我应该使用核心动画还是简单地在ps中绘制pngs？我从来没有用过Core Animation for UI，你能推荐一个好的教程/框架吗？这是我需要做的：

浏览 3提问于2015-09-27得票数 0

2回答

歌剧涡轮启动了吗？

javascript、flash、opera、opera-turbo

我有一个页面，它使用Flash和动画(这些不是关键，但额外)。一切正常工作，如果我没有使用Opera与激活涡轮。然后闪光灯电影显示为一个大的，丑陋的箭头在一个圆形的闪光灯电影大小，目的是作为一个播放按钮的闪光灯。我使用的是SWFobject，所以如果我知道是否使用了Opera的涡轮机制，那么我就可以轻松地打开动画，但是如何在JavaScript中实现这一点(如果这样做的话，还可以使用CSS

浏览 7提问于2012-01-11得票数 5

回答已采纳

1回答

仅用CSS和HTML重现jQuery UI分解动画？

css、ios、jquery-ui、cordova

有没有可能只用超文本标记语言和CSS3从jQuery UI插件重新创建爆炸动画？我们希望在为iOS设备构建的PhoneGap应用程序中包含这种效果，如果可能的话，我们更喜欢纯CSS解决方案。

浏览 0提问于2012-09-15得票数 1

回答已采纳

1回答

根据内容的长度更改按钮的大小，使按钮保持其形状

uibutton、interface-builder、constraints

我有一个以编程方式创建的UIButton (尽管它可以从Interface Builder中进行自定义)。它是一个圆形，看起来像这样：现在我正在做国际化工作，我需要检查它是否有双倍长度的伪语言。上图是当应用程序语言设置为双倍长度伪时拍摄的，但如您所见，该按钮仅显示一个单词。以下是该按钮的约束条件：按钮的标题样式是纯文本，文本居中对齐，换行符设置为"Word Wrap

浏览 17提问于2017-12-08得票数 1

回答已采纳

2回答

水平和垂直菜单

html、css

所以我需要创建垂直和水平菜单。水平方向的代码必须使用"display: inline“来完成，但我真的不知道该怎么做。此外，我想添加一些css编辑，如使用悬停改变按钮背景，使它看起来像是动画，但我不能使用js，只有纯css。将随机站点添加到菜单按钮 ?

浏览 37提问于2021-09-20得票数 1

1回答

对于html文档，有不同的处理调整大小事件的方法，有区别吗？

javascript、html、css

我看到您可以使用CSS @media规则更改样式，还可以在javascript中添加window.addEventListener('resize', handleResize);以根据文档大小更改文档或者它们是可以互换的？

浏览 3提问于2022-06-08得票数 2

2回答

选择一个完整的基于CSS的菜单和基于Javascript/CSS的菜单的理由是什么？

javascript、jquery、css、menu

在考虑为您的网站提供新菜单时，您验证的要点是什么？CSS菜单老了吗？或者它的功能是有限的！我不认为CSS菜单是旧的，因为我仍然使用一个使用完整CSS菜单的1000个web2.0站点(没有javascript来控制其下拉列表)。

浏览 3提问于2011-05-03得票数 0

回答已采纳

4回答

拆分翻盖文本动画Jquery

javascript、jquery、jquery-plugins、jquery-animate

你能推荐一个Jquery插件来做和这个演示一样的文本动画吗：谢谢你的建议，利奥

浏览 2提问于2012-06-25得票数 1

1回答

如何在flutter画布中只绘制文本的笔画？

flutter、flutter-canvas

我正在尝试在我的flutter应用程序中实现一个功能，用户可以在笔触和填充视图之间切换，用于文本(如adobe illustrator或类似)。如何在颤动画布中获得此效果。 ? 下面是一个Question，询问如何在CSS中实现这一点。

浏览 55提问于2021-11-20得票数 0

回答已采纳

2回答

检查geoFence中的Geopoint和Java中的距离

java、algorithm、google-maps、geolocation

我已经创建了一个圆形的地理栅栏。我知道圆心(纬度，经度)点和半径(以米为单位)。我想检查一个地理点(即纬度、经度)是否在这个栅栏内，如果是真的，我想找出那个地理点到中心点之间的距离。我如何在java中做到这一点。在mysql中，只有一个查询可以做到这一点 SELECT tripid,create_time, ( 6371 * acos( cos( radians(8.475316) ) * cos(where speed<5 and tripi

浏览 0提问于2013-01-25得票数 2

2回答

使用java脚本和html css移动图像

javascript、html、css

这是可行的吗？ 

浏览 0提问于2020-08-05得票数 0

1回答

通过javascript性能改变CSS样式

javascript、html、css、css-animations

我使用纯javascript (没有jquery或任何其他框架)来制作动画。哪一个更优化？创建用于转换的类，如： .all-div-has-this-class { transition: all 1s; } .class2Javscript： testdiv.className += " class2

浏览 1提问于2015-10-20得票数 1

回答已采纳

1回答

CSS -使用变量改变动画播放元素A的状态和动态选择器？

html、css、dynamic、css-selectors、css-animations

假设我希望将元素A的animation-play-state属性值从元素B中更改到引用具有相同名称的动画的元素的关键帧中，但例如，我希望暂停元素B并运行A，当A动画完成后，使用相同名称的动画指向下一个元素，即元素B<code>E 211</code>，并在<code>E 112</code>元素A<code>E 213</

浏览 2提问于2018-08-01得票数 1

1回答

在圆形区域移动/动画TextView xamarin android

c#、xamarin、xamarin.android、objectanimator

我有一个文本为"O“的TextView。我想在一个圆形区域中移动/动画它，并且我不想它离开该区域。我可以使用下面的代码片段将其动画化： ObjectAnimator.OfFloat(txtTitle,"translationY",850).SetDuration(1000).Start(); 这会将翻译的值(在代码中是850)是随机的，我认为850是px而不是dp。这是我的第一个问题，我不能用d

浏览 21提问于2019-02-22得票数 0

点击加载更多