質問編集履歴
1
誤字があったので修正しました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,15 +1,18 @@
|
|
|
1
1
|
現在あるwebサイトのトップページを作っているのですが、呼び出したjQueryで操作しているcssが動いてくれず、困っています。
|
|
2
2
|
|
|
3
|
+
カーソルの座標を取得しながらカーソルと同じように動く円（clip-pathで作成）がロゴを透過して背景が見えるようにしています。
|
|
4
|
+
この状態でマウスをクリックしたときに、その座標から円が大きく広がって背景全体が見えるようなアニメーションをjQueryとCSSで書こうと思ったのですが、**クリックイベントでjQueryの関数は呼び出されるものの、呼び出し先のcssが動いてくれません。**どうしたら良いでしょうか？
|
|
3
5
|
サイトのレイヤーとしては
|
|
6
|
+
|
|
4
7
|
1. 背景画像(GIFアニメーション)
|
|
5
8
|
2. ロゴ
|
|
6
9
|
3. clip-pathで作った円**（←この円の中のみ、ロゴが透過して背景が見えている）**下の画像のような感じ。
|
|
7
10
|
|
|
8
11
|
|
|
9
12
|
|
|
10
|
-
カーソルの座標を取得しながらカーソルと同じように動く円（clip-pathで作成）がロゴを透過して背景が見えるようにしています。この状態でマウスをクリックしたときに、その座標から円が大きく広がって背景全体が見えるようなアニメーションをjQueryとCSSで書こうと思ったのですが、**クリックイベントでjQueryの関数は呼び出されるものの、呼び出し先のcssが動いてくれません。**どうしたら良いでしょうか？
|
|
11
13
|
|
|
12
14
|
|
|
15
|
+
|
|
13
16
|
```html
|
|
14
17
|
<!DOCTYPE html>
|
|
15
18
|
<html lang="en">
|