teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

誤字があったので修正しました

2020/03/11 12:09

投稿

okomekei02
okomekei02

スコア12

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
  ![イメージ説明](342910c7d043cde8a7fac69c9cf35533.png)
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">