You are not logged in.

Fare İzi Türk Bayrağı Efekti (CSS & JavaScript)

Dear visitor, welcome to AllaTurkaa. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

Dilber

Trainee

  • "Dilber" is female
  • "Dilber" started this thread

Posts: 164

Date of registration: Sep 10th 2022

Location: FRANCE

  • 1002
  • Send private message

1

Monday, June 2nd 2025, 1:01am

Fare İzi Türk Bayrağı Efekti (CSS & JavaScript)

PHP Source code

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

<style>
         {
            margin: 0;
            overflow: hidden;
            background-color: black;
        }
        .flag-trail {
            position: absolute;
            width: 30px;
            height: 20px;
            background: url('https://upload.wikimedia.org/wikipedia/commons/b/b4/Flag_of_Turkey.svg') no-repeat center center;
            background-size: cover;
            pointer-events: none;
            opacity: 1;
            transition: opacity 0.5s ease-out;
        }
    </style>
</head>
<body>
<script>
    document.addEventListener("mousemove", function(e) {
        let flag = document.createElement("div");
        flag.classList.add("flag-trail");
        document.body.appendChild(flag);
        flag.style.left = `${e.pageX - 15}px`;
        flag.style.top = `${e.pageY - 10}px`;
        setTimeout(() => {
            flag.style.opacity = "0";
            setTimeout(() => flag.remove(), 500);
        }, 50);
    });
</script>

Similar threads