我有一个laravel项目，并使用laravel长生不老药的生产环境。gulpfile.js如下所示：
const elixir = require('laravel-elixir');
elixir.config.sourcemaps = false;
elixir((mix) => {
mix
.styles('theme/*.css', 'public/css/vendor.css')
.scripts('theme/*.js', 'public/js/vendor.js')
浏览 21提问于2018-03-01得票数 0
回答已采纳
2回答
我正在尝试确定div的高度，它是根据文本的大小动态变化的。我试图在CSS中将其动态设置为我的原始问题。
我现在似乎在上有一个JQuery可以让你做到这一点。因此，我按照他们的示例删除了CSS文件中的keyframe，并将其包含在脚本中，如以下代码片段所示：
<body>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="/pathToFile/jquery.keyframes.min.js"></scrip
浏览 2提问于2014-06-11得票数 12
回答已采纳
目前正在创建我的第一个网站。
我在我的tailwind.config.css中添加了两个自定义动画，但只能使用其中之一。
content: [
"./src/**/*.{js,jsx,ts,tsx}",
],
theme: {
extend: {
animation: {
wiggle: 'wiggle 1s ease-in-out infinite',
},
animation: {
text: 'text 5s ease infinite',
浏览 4提问于2022-06-11得票数 1
1回答
我需要关于webkit规模功能的帮助。
我有一个.css文件，其属性如下：
@-webkit-keyframes expand
{
from {-webkit-transform:scale(1)}
to {-webkit-transform:scale(1.2)}
}
.image-highlight
{
-webkit-animation-name: expand;
-webkit-animation-duration:0.2s;
-webkit-animation-iteration-count:1;
-webkit-animation-timing-
浏览 1提问于2011-09-28得票数 0
回答已采纳
1回答
我有这个html
<!DOCTYPE html>
<html>
<head>
<title></title>
<link href="StyleSheet.css" rel="stylesheet" />
<link href="animation.css" rel="stylesheet" />
<meta charset="utf-8"
浏览 3提问于2016-01-08得票数 0
1回答
我想做的事：
向我的DOM添加一个新元素，并使用css3动画它的不透明度。
我的解决方案
一个div ".bar.fade“是通过JavaScript添加的，然后将立即添加一个类"in”。
问题与我的解决方案
如果不使用setTimout()函数，div将立即被绘制为可见的(不需要css转换)。为什么会发生这种情况，以及如何预防？我想，使用setTimeout()不是最佳实践，对吗？
SCSS
.bar
{
position: absolute;
bottom: 0;
top: 0;
width: 100%;
background-color: red;
浏览 3提问于2015-04-15得票数 2
虽然这个演示与角度1.2完美地工作，但我不能使它与1.3工作。
我阅读了changelog，发现$animate服务在1.2到1.3之间有几处不同的变化，但是我无法使这个动画工作。
预期的结果是，dialog div出现在zoomIn动画中，但在1.3时却没有任何动画。
index.html
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.9/angular.min.js"></script>
<script src="ht
浏览 1提问于2015-04-06得票数 0
回答已采纳
2回答
尝试用CSS3动画连续绕半径为50 to的圆周轨道：
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 10px;
height: 10px;
background-color: black;
position: absolute;
-webkit-animation-name: example;
-webkit-animation-duration: 3s;
animation:example 1s infinite linear;
bord
浏览 1提问于2016-08-10得票数 3
回答已采纳
我试图添加更多的图像到我的CSS，以便我可以动画与@关键帧他们，但我不知道如何添加他们。有人能帮忙吗？我之前试过了，但我做得不对。
HTML
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link href="style.css" rel="stylesheet" type="text/css"/>
<title>CSS Animation</title>
</hea
浏览 3提问于2021-12-02得票数 1
回答已采纳
1回答
递增被多次调用的函数中的全局变量
、、、、
我正在尝试用flash做一个简单的mp3播放器。使用包含歌曲列表的XML文件加载歌曲。下面的代码被插入到新的关键帧中。
import flash.media.Sound;
import flash.media.SoundChannel;
import flash.events.*;
import flash.events.MouseEvent;
import flash.net.URLRequest;
import flash.xml.*;
/* Defining The Elements and Variables of the Music Player */
var MusicLoad
浏览 0提问于2010-10-31得票数 0
回答已采纳
1回答
我试图在我的天文网站上浏览一些背景图片，它的设置如下。
const backgroundClasses = {
deliver: 'bg-deliver animate-fade',
design: 'bg-design animate-fade',
develop: 'bg-develop animate-fade'
}
const OurValues = () => {
const [selected, setSelected] = useState('none')
useEffect(() =&
浏览 5提问于2022-08-16得票数 0
这是我的cshtml页面。我想在我的cshtml中创建一个PopUp。我创建了弹出窗口，但它与关键帧有问题；然后我尝试使用它没有关键帧，但它丢失了它是褪色了，我如何才能修复我的@关键帧:( (尝试的代码在铬和歌剧)
我从获得了这些代码，首先我尝试使用不同地方的所有代码，比如将css放到css文件中并在cshtml中调用它，并且对JavaScript也这样做，但是它没有起作用--这就是为什么我在cshtml页面中使用它们的原因。
// I am new here I don't know how the highlight the problem in code so I pasted
浏览 23提问于2021-06-22得票数 1
回答已采纳
我有一个rails应用程序，它在我以前的机器上运行得很好，但是当它第一次遇到asset_url或image_tag时，它失败了，出现了一个无法识别的输入错误(即注释掉一个实例会导致错误进一步向下移动)。它似乎适用于任何像这样涉及资产路径的帮助器。
运行OS X Mountain Lion时，我已经在跟踪下面列出了完整的捆绑包。我已经尝试了几个不同版本的less-rails，因为大多数问题的答案都是我能找到的相似的建议。
应用程序跟踪：
app/helpers/meta_helper.rb:15:in `basic_default_metas'
app/helpers/meta_help
浏览 10提问于2016-06-24得票数 1
我有一个文件与一个主mc称为“剪辑”，其中包含9个不同的嵌入音频轨道(都在他们自己的独立的mc)在第一个关键帧。在这种情况下，它们跨越mc - 10帧的整个长度。
基本上，这样做是创建了一个完整的歌曲与9个单独的轨道，我想要静音(和取消静音)，当我到达一个特定的关键帧。
我使用主时间轴上的滑块(名为"aSlider")在关键帧之间导航。
一切开始都是静音的，随着我们的进展，曲目是不静音的，歌曲开始构建。它现在正朝着这个方向工作得很好。但是，如果我向后移动滑块，它似乎会重新创建音频剪辑，因此我会将越来越多的音频叠加在彼此的顶部。这真是一团乱麻。
这是滑块的AS。
aSlider.
浏览 1提问于2011-07-20得票数 1
1回答
边框动画线性渐变垂直移动
、、、
我有问题，让这个边界动画工作在其他浏览器(IE)。检查实时预览或代码段关闭。在这个问题上做了很多搜索，但都没有对我起作用。也许我在什么地方弄错了。
谢谢
body {
background-color: black;
}
.border-main {
position: fixed;
right: 0%;
left: 0%;
top: 0%;
bottom: 0%;
width: 75%;
/* 90% of viewport vidth */
height: 60%;
/* ratio = 9/16 * 90 = 50.625
浏览 1提问于2018-04-02得票数 0
2回答
显示导航的动画网页
、、、
我已经创建了它的网页，它显示的路径如下
Gmail->登录->用户名->密码
我想在网页中用动画显示，就像它会显示的一样。
gmail->(之后应该显示)->签名如下所示。
这有可能吗？
浏览 5提问于2016-05-11得票数 4
回答已采纳
1回答
我试着做一个简单的动画:让一些元素旋转。
但是有一些错误:元素不是旋转，而是移动，就像我应用了"translateX“转换函数一样。
我认为问题的出现是因为我在JS部分应用了转换函数。但是我找不到合适的解决方案(我不想手动创建每个元素)。
JS部分：
$container = document.getElementById('container');
$block = document.createElement('div');
$block.className = 'block';
for(var i = 0; i < 3; i+
浏览 2提问于2014-01-14得票数 1
回答已采纳
我使用CALayer、CAReplicatorLayer和CABasicAnimation来绘制条形图。条形图由向上的“段”组成，我用CALayer渲染成小矩形。然后我将它们作为子层添加到循环中的CAReplicatorLayer中。最后，我为每个小矩形添加一个动画，将矩形放到图表中的位置。
以下是动画的最终状态：
下面是动画中间的样子：
下面是实现这一目标的代码：
#define BLOCK_HEIGHT 6.0f
#define BLOCK_WIDTH 8.0f
@interface TCViewController ()
@property (nonatomic,
浏览 7提问于2014-06-25得票数 5
回答已采纳
1回答
带有延迟的CSS关键帧移动
、、、、
我被这个动画难住了。我有一个元素，我正在为移动创建路径(不包括示例中的供应商前缀)：
keyframes Path_1{
0% {left:54%;top:66%;}
50% {left:54%;top:68%;}
100% {left:54%;top:66%;}
}
这将创建一个简单的路径移动。路径被提供给一些JS，如下所示：
"path" : "54,66||54,68"
JS遍历传入的所有坐标，并自动生成路径移动关键帧。它还处理添加最后一个坐标对以循环动画。
我想知道是否有任何方法可以为每个点提供特定的速度/延迟？
keyframes Path_
浏览 2提问于2014-04-11得票数 3
1回答
我在找没有热气的视频。
这是我的页面：
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="flowplayer-3.2.13.min.js"></script>
<title>Flowplayer test</title>
</head><body&
浏览 1提问于2014-05-20得票数 1
回答已采纳
1回答
这个滚动效果有名字吗？
、、、、
我在找这个滚动效果的名字。
当您滚动时，屏幕上的文本会发生变化，就好像您正在浏览幻灯片一样。。
我知道如何实现它，但我更喜欢使用一些已经实现它的js库(理想情况下用于react，但不是必需的)。有没有人知道这个名字，或者某个有这个名字的图书馆？谢谢!
浏览 8提问于2022-07-14得票数 1
回答已采纳
我正在尝试把我在这里找到的一些JS转换成打字本。
问题的一部分是这段代码
// Extract CSS Rules
var extractedCSSText = "";
for (var i = 0; i < document.styleSheets.length; i++) {
var s = document.styleSheets[i];
try {
if(!s.cssRules) continue;
} catch( e ) {
if(e.n
浏览 1提问于2018-01-25得票数 5
回答已采纳
1回答
我们有这样的语法来定义css文件中的关键帧：
@-webkit-keyframes fade {
from {opacity: 1;}
to {opacity: 0.25;}
}
我们是这样引用它的：
.foo {
-webkit-animation: fade 1s linear infinite;
}
有没有一种方法可以直接内联它，比如：
.foo {
-webkit-animation: (from {opacity: 1;} to {opacity: 0.25;}) 1s linear infinite;
}
有没有办法做到这一点，或者在运行时将“@-w
浏览 0提问于2013-01-19得票数 9
回答已采纳
1回答
我试图在我的感官触摸应用程序中使用实现导航抽屉。本文中解释的动画是使用webkit转换完成的。这就像我的桌面和安卓设备上的魅力一样，但它在iPad mini上不起作用，甚至在chrome上也不行。这是我的css:-
.slide{
-webkit-animation-duration: .200s;
-webkit-transition-timing-function: cubic-bezier(0.275, 0.080, 0.425, 0.855);
}
@-webkit-keyframes slideout {
from {
-webkit-transform: translat
浏览 0提问于2014-07-11得票数 0
回答已采纳
2回答
我有一个关于css3动画的问题，让我们一天做一个淡入动画，所以我从不透明度:0动画到不透明度: 1；所以我的主要状态是不透明度0,100%是不透明度1。
所以问题是，在达到100%之后，不透明状态返回到0，我希望它出现并停留，所以在动画完成后，不透明度保持在1。我怎样才能做到这一点？
检查我的代码：
诚挚的问候!
浏览 1提问于2014-01-17得票数 0
回答已采纳
我目前正在做three.js中的骨骼动画测试。我有一个简单的模型，它在搅拌机动画很好。基本上，它由三个堆叠的弯曲立方体组成。
当我使用blender V2.64的blender导出插件将Blender文件导出到three.js时，webGl上下文中的动画看起来不同，就好像皮肤权重是错误的一样。
WebGL-演示：
搅拌器-文件：
我必须做什么才能在three.js中获得正确的结果？
浏览 5提问于2012-11-23得票数 9
回答已采纳
2回答
我试图用动画工具在内部创建一个动画，但是记录工具并没有记录我的变化，我很难用它来创建动画。
我在这里创建了一个示例：https://i.gyazo.com/91f88b3531b4fb3ffd4100d40f06bdcf.mp4
我尝试过重新创建动画文件，但是不管我做了什么，它都拒绝记录元素？
任何信息都将不胜感激，因为它似乎是统一可能被窃听。
在tweened关键点之间应用更新时，X的字段是红色的，不应用更改
浏览 0提问于2019-01-11得票数 0
1回答
CSS转换只在IOS上不工作
、、、、
我是一个网站，我希望它是完全移动响应。我以为我已经在头上实现了这个目标，直到我用我的ipad看了一下。"Trasnform: translateX(-100%)“语句在所有东西上都有效，除了IOS设备，我在我的安卓手机上试过，它工作得很好。我已经尝试了很多东西，包括使用诸如-webkit之类的前缀-和使用“！重要”声明。我一直在网上搜索，但找不到任何解决问题的方法。这是密码。
HTML
<!DOCTYPE html>
<h<html lang="en">
<head>
<title>Home</tit
浏览 3提问于2015-06-08得票数 0
回答已采纳
我正在使用在这个中解释的相同的技术
我定义了一个包含所有对象、几何图形和动画的JSON文件。但是，我无法找到在动画中指定对象父对象的更改的方法。此外，通过查看的Three.js库，我看不到任何ObjectKeyframeTrack，这对于设置对象的父库是很好的。
我的问题是引用JSON文件格式，而不是使用API来做到这一点。我知道有一个类似的问题()，但不是我想要的。
无论如何，其他方法也是值得欢迎的。
浏览 1提问于2018-04-02得票数 0
回答已采纳
我用javascript创建了一个关键帧，因为我想知道特定元素的宽度，以便使用它应用动画样式。
以下是代码：
var animation = false,
animationstring = 'animation',
prefix = '',
domPrefixes = 'Webkit Moz O ms'.split(' '),
pfx = '',
elm = document.querySelector('.marquee');
// Checks if
浏览 1提问于2013-12-04得票数 1
回答已采纳
我正在自学babylon.js，我正在创建一个动画库类(在javascript中)。我想知道babylon.js是否提供了一个工具，使我能够提取我的僵尸角色的全部动画关键帧？
作为一种解决方法，我所做的是很难输入总帧，但我想动态地完成它。
浏览 0提问于2014-12-31得票数 2
回答已采纳
我使用mediaelement.js组件只显示视频的一部分。
我在timeupdate事件上放置了一个侦听器，每次视频播放一个片段时，我都希望通过使用setCurrentTime().跳到下一个片段但是，下一次调用时间更新事件时，时间与设置的时间不同(在设置的时间之前几秒钟)。这是我的密码：
var curr = t.media.getCurrentTime();
if (curr < segments[i][0]) {
console.debug(curr.toFixed(1)+' jumping to '+segments[i][0]+' in segme
浏览 3提问于2012-05-18得票数 3
回答已采纳
2回答
如何在搅拌机中从IK(逆运动学)转换为FK (正向运动学)？
我正在尝试将一个具有骨骼动画的模型导出到THREE.js。但是，它不支持独立专家委员会。因此，我需要把所有的骨头都转换成FK。
有人知道什么解决办法吗？
谢谢!假日快乐！
浏览 1提问于2013-12-23得票数 4
回答已采纳
.item {
opacity: 0;
transition: opacity 6s;
}
我使用JS将不透明度从0设置为1，反之亦然。
在CSS中有没有一种方法可以使不透明度从0到1转换到最后6秒，但从1到0转换到最后0秒？
我想我可以在JS中设置transition属性，但是有没有一种方法可以用CSS产生这种行为呢？
浏览 29提问于2020-03-11得票数 2
回答已采纳
这是我的小提琴：
@keyframes example {
0% {opacity: 0;}
50% {opacity: 100;}
100% {opacity: 0;}
如您所见，JS小提琴不喜欢@keyframes，并一直返回一个错误。我不知道为什么，我想弄清楚。
有什么想法吗？
浏览 3提问于2021-02-23得票数 0
回答已采纳
假设我有一个视频流，在很长一段时间内(几分钟到几个小时)几乎没有场景变化，并且我正在使用FFmpeg之类的东西将原始视频转码为h.264，那么我可以使用哪些设置来利用大量冗余？
是否像将最小关键帧间隔设置为最大(不管是什么)那么简单吗？
在h.264规范中是否有空间来增强FFmpeg，以进一步利用非常长的时间段而不会发生场景变化？
浏览 1提问于2010-12-12得票数 4
回答已采纳
1回答
我需要从wrap_contents的高度和宽度扩展视图的动画，以匹配约束，在我的情况下，它是扩大尽可能多的父母允许的宽度，但在50%的动画中，我希望该视图首先移动到中心，而不修改其高度或宽度。
在第一个约束集中，我有：
<ConstraintSet android:id="@+id/base">
<Constraint android:id="@+id/backgroundView">
<Layout
android:layout_width="60dp"
浏览 26提问于2021-02-22得票数 1
回答已采纳
1回答
在视频播放过程中，我看到了一些奇怪的行为，我使用DirectShow创建了这个视频--这个问题只出现在Windows7上(W8/W10很好)。
图是这样构建的：
Source(Webcam) -> H264 Encoder -> MP4 Mux -> File Writer
所以我使用的是H264编码器，但是由于某种原因，编码器删除了编码器过滤后的所有关键帧(Sync)。使用另一个较老的H264编码器，我可以看到它完美地设置了每个20帧的关键帧(Sync)，并且这个编码器的输出文件在所有操作系统上都工作得完美无缺。
因此，我怀疑问题在于编码器没有正确设置关键帧，因此无法正确查
浏览 0提问于2015-11-25得票数 1
回答已采纳
1回答
我正在做一个视频在行动脚本的东西，我需要寻求一个视频，以确定帧。根据参考文献，使用NetStream.seek我只能查找到最近的k帧：
Seeks the keyframe (also called an I-frame in the video industry) closest to the specified location. The keyframe is placed at an offset, in seconds, from the beginning of the stream.
Video streams are usually encoded with two type
浏览 3提问于2012-04-29得票数 0
有没有可能用一张图片(或其他任何东西)来做一些平滑的动作？加速，减速……我知道我们可以使用关键帧几何来移动元素，但移动并不平滑。目标是添加一些放松(ease-in / ease-out / ease-inout...)在图片幻灯片中。
这个“弹力球”的例子并不是很流畅：
我的用途是在linux服务器上使用命令行，我不使用任何Kdenlive或shotcut。
浏览 6提问于2018-11-03得票数 1
3回答
如何缩小圆的大小？
、、、
我有一个div，它是圆形的，我用CSS .Now做了一些事情，我想做的是当圆圈到达底部，然后圆圈size保持不变(现在这对我来说是可以的)，但是当圆圈反弹到顶部，然后圆圈缩小，它是size.I不知道的，它能用CSS吗？我在JS .Can工作了一周，有谁能解决我的问题，或者建议我采取正确的方法？
提前谢谢。
HTML:
<div class="hello"></div>
CSS:
.hello{
width:100px;
height:100px;
border:5px solid black;
borde
浏览 2提问于2015-12-21得票数 1
回答已采纳
我有一个响应网页，其中包含图片和文字，并被设计为可在移动设备上观看。我想添加视觉效果，当用户触摸或点击页面时，会在接触点发生一些事情(例如。波纹或膨胀的圆圈)
理想情况下，我可以将一系列不同的视觉效果放在CSS文件中，并通过向页面添加相应的效果来选择我想要的效果。
我已经可以检测到JavaScript中的点击和触摸，并且知道它们的协调，我只是不知道如何在协调中产生效果。
下面的网站做我想要的在一个空白页。不幸的是，它使用jQuery和其他各种库，我追求的是纯JavaScript和CSS。我不知道足够多的jQuery转到JavaScript。
下面的网站有一个很好的效果库，嵌入到htmls &l
浏览 0提问于2021-02-18得票数 2
回答已采纳
1回答
我正在使用React.js的Material UI的JSS，因为它似乎是它的首选样式库。
有没有人知道在JSS中针对所有直接子对象的等效代码？等同于以下内容：
#divId > * {
color: green;
}
浏览 2提问于2019-11-05得票数 0
2回答
在Chrome中，下面的CSS3动画就像我所期望的那样工作，呈现出一个大纲的动画。然而，在和Firefox中，这是行不通的。
@keyframes outline-pulse {
0% {
outline: 10px solid green;
}
100% {
outline: 0px solid green;
}
}
.animate {
animation: outline-pulse 1s linear 0;
animation-iteration-count: infinite;
}
<fieldset class="
浏览 4提问于2016-04-20得票数 2
回答已采纳
1回答
嗨，我最近更新了聚合物到0.5.1，我的核心动画停止工作。
这是我的核心动画元素：
<core-animation duration="400" fill="forwards" id="show">
<core-animation-keyframe>
<core-animation-prop name="opacity" value="0.7"></core-animation-prop>
</core-animation-keyframe>
浏览 0提问于2014-11-28得票数 0
1回答
我已经很长时间没有来这里了，当然，直到现在。
问题是，有一段代码是我拼命想让它工作的：
private Timeline timeline = createTimeline();
timeline.play();
public Timeline createTimeline() {
Timeline timeline = new Timeline();
timeline.setDelay(new Duration(1000));
timeline.getKeyFrames().addAll(
new KeyFrame(Duration.ZERO, new KeyValue(im
浏览 0提问于2013-06-05得票数 0
回答已采纳
这一主题大致概括了这一点。我们在Video.js之上构建了一个自定义播放器，其中有一个“章节”菜单，允许用户使用Video.js api跳转到视频的特定部分，即：
video.currentTime(newValue)
这在大多数设备上都很有效(每秒只有1/2或更少的偏差)，除非是在安卓系统上(特别是在Galaxy S5上进行测试)，它往往会导致视频跳入视频的时间比指定的提前5-10秒，也就是说，如果我执行video.currentTime(30)，视频开始播放的时间是24秒。
有什么主意吗？！
浏览 10提问于2014-07-07得票数 1
回答已采纳
我想使用它将我的函数保留在当前帧上
function gameloop(e:Event) {
if(currentFrame > 1){
return;
}
}
但是我还需要在游戏循环中有独立于第1帧的函数，我不能这样做，否则我会得到错误
duplicate function definition
我需要帮助，任何帮助我都很感激
浏览 3提问于2014-09-23得票数 1
我尝试在项目中导入BrowserAnimaionModule
1- I install npm install web-animations-js @angular/animations@4.0.0 --save
2- i在main.ts中导入多边形填充
导入'web-animations-js/web-animations.min'；
3-当我尝试将app.module.ts中的BrowserAnimationModule添加到imports[]中时
这是登录表单的js代码。
import { Component, trigger, state, style, transi
浏览 1提问于2017-11-01得票数 0
1回答
我有一个视图，用户需要在按钮工作之前做出选择。为了使这一点更加明显，我希望有一个元素来表示如果首先按下(灰掉的)按钮时需要进行闪烁的选择。也就是说，我想指出，这是一个错误的状态，并引起用户的注意，他们需要首先使用的UI元素。
我当前试图让元素(下面代码中的self.display)快速眨眼两次的尝试如下：
@IBAction func inactiveButtonClick() {
let period = 0.16
UIView.animate(withDuration: period/2, delay: 0.0, options: [.curveEaseInOut, .a
浏览 6提问于2017-10-14得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
