标签: effect

链接悬停的淡化效果?

在许多网站上,例如http://www.clearleft.com,您会注意到当链接悬停时,它们将淡入不同的颜色,而不是立即切换,默认操作.

我假设JavaScript用于创建此效果,有谁知道如何?

css fade hover effect

130
推荐指数
3
解决办法
38万
查看次数

删除RecyclerView滚动效果

RecyclerView内心有两个NavigationDrawer.两者都有蓝色滚动效果.

如何在两者中删除此效果RecyclerViews

我尝试更改:mRecyclerView.setHasFixedSize(true);to false,但它删除了滚动效果.(这种方法的作用是什么?)

链接到问题的图像

android scroll effect android-recyclerview

96
推荐指数
2
解决办法
4万
查看次数

使用vue-router,Vue.js页面转换淡入淡出效果

如何在vue-router定义的页面(组件)之间实现淡入淡出效果页面转换?

transition fade effect vue.js vue-router

40
推荐指数
1
解决办法
3万
查看次数

Pygame水波纹效果

我已经谷歌搜索它,但没有准备好的脚本 - 而不是对Flash的相同效果.我已经检查了水效应解释的算法,并测试了Perlin噪声的实现,它可以很好地模拟平面上的波浪末端.我正在寻找基于鼠标悬停/悬停操作在几个Flash Effects上找到的相同实现.这是针对一个交互式楼层库,我很乐意远离Flash,特别是为了避免代码的这种简单的逆向工程 - 是的,我知道它可以只使用一些现成的flash代码,但我只会用它作为最后的手段.

有没有人为Pygame看过这种效果的合适实现(使用OpenGL与否)?

编辑: 任何人都可以使用OpenCV/OpenGL和Pygame提供这种效果的合适实现吗?

这里的罪魁祸首是(代码)接口传递一个值列表,这些值将通过Python从外部解释器(跟踪器 - 而不是TUIO)发送.我已经尝试了几天,但是Pygame无法像C/C++代码那样快速生成任何东西(用于OpenGL中的着色器),而且我对C/C++的了解也是空的.所以目标至少要来自Python代码.

一个很好的例子,与Flash效果不同,但仍然很好的是使用Java applet的Water Simulation.

(赏金显示答案没有足够的细节,因为这是最接近'OP无法创建他想要的代码,因为他缺乏基本技能,这个答案可能对几个人有用').

python opengl pygame image-processing effect

33
推荐指数
2
解决办法
5031
查看次数

(CSS)使背景图像滚动比其他所有内容慢

这是我的身体的CSS代码:

body {
  padding: 0;
  margin: 0;
  background-image: url("../images/background.jpg");
  background-repeat: no-repeat;
  background-color: grey; 
  background-size: 100%;
}
Run Code Online (Sandbox Code Playgroud)

我想要做的是使图像滚动比页面上的其他所有内容慢,以产生简单的视差效果.我在网上看过,我见过的所有例子都比我想要的要复杂得多.

css background effect parallax

32
推荐指数
3
解决办法
7万
查看次数

如何对TImage或任何东西产生水效果?

好的,我刚刚在我的电脑上安装了一个Tortoise git.而且我对它的页面上的水效果很安静.

在此输入图像描述

尝试将鼠标光标移动到乌龟GIT上的乌龟图片 - 关于

它更像是我们在水面上伸出手指.

有谁知道如何在Delphi中制作那种水效果?

delphi image effect

25
推荐指数
2
解决办法
4318
查看次数

Android,设置按钮的背景颜色会失去涟漪效果

在向Android按钮添加颜色后,它会失去其涟漪效果,使用户感觉有响应点击.我该如何解决?我已经搜索了很多解决方案,但我找不到一个不明确的明确解决方案.

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                xmlns:tools="http://schemas.android.com/tools"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                tools:context=".ClockInOutFragment">


    <AnalogClock
        android:id="@+id/clock"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentEnd="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:layout_toRightOf="@+id/date_and_time"/>


    <RelativeLayout
        android:id="@+id/date_and_time"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp">

        <TextView
            android:id="@+id/time_digits"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="12:10"
            android:textSize="45sp"/>

        <TextView
            android:id="@+id/am_pm"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignBaseline="@+id/time_digits"
            android:layout_toRightOf="@+id/time_digits"
            android:paddingLeft="3dp"
            android:text="PM"
            android:textSize="20sp"/>

        <TextView
            android:id="@+id/date"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/time_digits"
            android:text="Mon, July 11"
            android:textSize="22sp"/>
    </RelativeLayout>

    <!--Clock in and out buttons-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:orientation="horizontal">

        <Button
            android:id="@+id/textView3"
            android:layout_width="0dp"
            android:layout_height="56dp"
            android:layout_weight="1"
            android:background="#4CAF50"
            android:gravity="center"
            android:text="Clock In"
            android:textAppearance="?android:attr/textAppearanceLarge"
            android:textColor="#FFFFFF"/>

        <!--Divider between the clock in and out button-->
        <View
            android:layout_width="1dp"
            android:layout_height="match_parent"
            android:background="#B6B6B6"/>

        <Button …
Run Code Online (Sandbox Code Playgroud)

android click button effect ripple

24
推荐指数
5
解决办法
2万
查看次数

如何在滚动条上创建一个减慢滚动效果?

我喜欢在滚动框中平移图像后创建平滑的减速滚动效果.就像在maps.google.com中平移地图一样.我不确定它是什么类型,但完全相同的行为:当快速移动拖动地图时,它不会立即停止释放鼠标,但它开始减慢速度.

任何想法,组件,链接或样本?

delphi scroll image effect easing

20
推荐指数
1
解决办法
4519
查看次数

计算JavaScript中的窗口拖动和倾斜

我正在使用JavaScript并尝试对div进行偏斜效果.

首先,看看这个视频:http://www.youtube.com/watch?v = yy8Uy81smpE(0:40-0:60应该就够了).移动窗口时,视频显示了一些不错的变换(倾斜).我想要做的是同样的事情:当我移动它时扭曲div.

目前我只有一个简单的div:

<div id="a" style="background: #0f0; position: absolute; left: 0px; top: 0px;"></div>
Run Code Online (Sandbox Code Playgroud)

我使用CSS3的transform属性做了一个简单的偏斜变换,但是我的实现是错误的.有没有很好的教程或数学网站或资源来描述这背后的逻辑?如果我只知道逻辑和数学,我知道JavaScript和CSS足以实现.我试过阅读FreeWins源代码,但我不擅长C.

我接受任何足智多谋的答案或伪代码.我的拖动系统是一个更大的系统的一部分,因此,现在我发布了一些真正的代码,如果没有给你整个系统它是不行的(我现在不能做).因此,您无法按原样运行此代码.我使用的代码是这个(虽然略有修改),以证明我的想法:

/**
 * The draggable object.
 */
Draggable = function(targetElement, options) {
    this.targetElement = targetElement;

    // Initialize drag data.
    this.dragData = {
        startX: null,
        startY: null,
        lastX: null,
        lastY: null,
        offsetX: null,
        offsetY: null,
        lastTime: null,
        occuring: false
    };

    // Set the cursor style.
    targetElement.style.cursor = 'move';

    // The element to move.
    this.applyTo = options.applyTo || targetElement; …
Run Code Online (Sandbox Code Playgroud)

javascript math user-interface draggable effect

18
推荐指数
1
解决办法
1017
查看次数

如何执行多个同时的jquery效果?

我正在为页面上的一些错误/验证元素设置动画.我想让它们反弹并突出显示,但如果可能的话,同时也要突出显示.这是我目前正在做的事情:

var els = $(".errorMsg");
els.effect("bounce", {times: 5}, 100);
els.effect("highlight", {color: "#ffb0aa"}, 300);
Run Code Online (Sandbox Code Playgroud)

这导致元素首先反弹,然后突出显示,我希望它们同时发生.我知道.animate()您可以queue:false在选项中指定,但我不想使用动画,因为预先构建的效果"反弹"和"突出显示"正是我想要的.

我试过简单地将这些调用链接起来els.effect().effect(),但这不起作用.我也尝试queue:false输入我传入的选项对象,但这不起作用.

jquery animation effects effect jquery-animate

16
推荐指数
2
解决办法
2万
查看次数