CSS Particle Effect Video for Website

  • สถานะ: Closed
  • รางวัล: $60
  • ผลงานที่ได้รับ: 1
  • ผู้ชนะ: netfoxgroup

รายละเอียดการประกวด

I am looking for an experienced CSS, JS or HTML coder to recreate this specific effect being demonstrated on the reference link:

I want you to create an exact effect for my website background video and have the particle effects being displaced across as the mouse cursor moves to them, i also want make sure the plane moves along the mouse as demonstrated on the reference link.


Website Reference:
https://kin.movie/#/Explore/

This is an example of script i found that could do something similar, but instead of being a logo it needs to be a video displaced along with the particles and the moving of the plane.
https://codepen.io/Zaku/pen/EDaun

You will receive a compressed video i will submit you to test it, after is being tested and approved and without latency or bad script writing you will be able to upload the code to my web engineer so he can then place it into my website.

Please read the description before you submit a work request.

If you do a good job i will also award you my entire website psd to html5 let me know if you interested..

i am attaching the video file of the background video i want and also a sample of a video another developer did that got close to the sample effect but did not finish and was not quite the way i wanted since i want the particles to react to the mouse with more watery flow and also the entire canvas should react to the mouse similar to the video presented on the website reference link on my description

https://we.tl/t-bhxQTpGQGG

ทักษะแนะนำ

คำติชมจากผู้ว่าจ้าง

“excellent coder, built a particle css video background for my website, will hire again ”

รูปประจำตัว egnogra, United States.

ผลงานอันดับสูงสุดจากการประกวดนี้

ดูรายการเพิ่มเติม

กระดานประกาศ

  • nahidhassandipu
    nahidhassandipu
    • 5 ปี ที่ผ่านมา

    Sir if you want your entire video turns into a particle object it cannot be done or even it's possible that probably slows down your web page. because all particle effects is done by using encoded images something like ( data:image/png;base64, ), And for video data can be encoded like ( data:video/mp4;base64, ) but it is unplayable with an effect of particle, Either a logo or a layer can be converted into particle then run onto video see example i modified little bit https://codepen.io/nahid_dipu/pen/NoqWJW

    • 5 ปี ที่ผ่านมา
  • bintemumtaz
    bintemumtaz
    • 5 ปี ที่ผ่านมา

    Sorry sir reference link r what you want.....but these are the plane page.....

    • 5 ปี ที่ผ่านมา
    1. egnogra
      ผู้จัดการประกวด
      • 5 ปี ที่ผ่านมา

      https://kin.movie

      • 5 ปี ที่ผ่านมา
  • carlosr4
    carlosr4
    • 5 ปี ที่ผ่านมา

    The link does not work

    • 5 ปี ที่ผ่านมา
    1. egnogra
      ผู้จัดการประกวด
      • 5 ปี ที่ผ่านมา

      which link?

      • 5 ปี ที่ผ่านมา
    2. egnogra
      ผู้จัดการประกวด
      • 5 ปี ที่ผ่านมา

      https://kin.movie

      • 5 ปี ที่ผ่านมา
  • nafiulislam935
    nafiulislam935
    • 5 ปี ที่ผ่านมา

    Do you need only video section..or full website?

    • 5 ปี ที่ผ่านมา
    1. egnogra
      ผู้จัดการประกวด
      • 5 ปี ที่ผ่านมา

      only videi effect

      • 5 ปี ที่ผ่านมา
    2. egnogra
      ผู้จัดการประกวด
      • 5 ปี ที่ผ่านมา

      video part

      • 5 ปี ที่ผ่านมา
  • bintemumtaz
    bintemumtaz
    • 5 ปี ที่ผ่านมา

    sir i am saying your given link not working

    • 5 ปี ที่ผ่านมา
    1. egnogra
      ผู้จัดการประกวด
      • 5 ปี ที่ผ่านมา

      yes it does https://kin.movie

      • 5 ปี ที่ผ่านมา
  • carlosr4
    carlosr4
    • 5 ปี ที่ผ่านมา

    https://kin.movie/#/Explore/ There is only a purple background.

    • 5 ปี ที่ผ่านมา
    1. egnogra
      ผู้จัดการประกวด
      • 5 ปี ที่ผ่านมา

      refresh there is a video there that reacts to movement

      • 5 ปี ที่ผ่านมา
    2. egnogra
      ผู้จัดการประกวด
      • 5 ปี ที่ผ่านมา

      https://kin.movie

      • 5 ปี ที่ผ่านมา
  • Moniruzzaman51
    Moniruzzaman51
    • 5 ปี ที่ผ่านมา

    Sir,I watched your video.Its not easy to make for web site using code pen.But Its made by easy to Adobe Premiere Pro .How to make this reference link:www.youtube.com/watch?v=29NcBIpuB-c

    • 5 ปี ที่ผ่านมา
    1. egnogra
      ผู้จัดการประกวด
      • 5 ปี ที่ผ่านมา

      whatever flow you want to do its fine as long as they react to mouse and they are linked to the background of my website be my guess

      • 5 ปี ที่ผ่านมา
  • nahidhassandipu
    nahidhassandipu
    • 5 ปี ที่ผ่านมา

    Hello sir do want to make Particles movable while hover over the video or just a layer?

    • 5 ปี ที่ผ่านมา
    1. egnogra
      ผู้จัดการประกวด
      • 5 ปี ที่ผ่านมา

      just exactly as the reference link!

      • 5 ปี ที่ผ่านมา
  • Moniruzzaman51
    Moniruzzaman51
    • 5 ปี ที่ผ่านมา

    sir your reference link does not working

    • 5 ปี ที่ผ่านมา
  • carlosr4
    carlosr4
    • 5 ปี ที่ผ่านมา

    send your video please

    • 5 ปี ที่ผ่านมา
  • Jack435
    Jack435
    • 5 ปี ที่ผ่านมา

    Hi

    • 5 ปี ที่ผ่านมา
    1. egnogra
      ผู้จัดการประกวด
      • 5 ปี ที่ผ่านมา

      hi

      • 5 ปี ที่ผ่านมา
  • bintemumtaz
    bintemumtaz
    • 5 ปี ที่ผ่านมา

    please check it... is that my problem only.....

    • 5 ปี ที่ผ่านมา
    1. egnogra
      ผู้จัดการประกวด
      • 5 ปี ที่ผ่านมา

      what?

      • 5 ปี ที่ผ่านมา

แสดงความคิดเห็นเพิ่มเติม

วิธีเริ่มต้นจัดการประกวด

  • ประกาศการประกวดของคุณ

    จัดการประกวดของคุณ รวดเร็วและง่ายดาย

  • รอรับผลงานจำนวนมหาศาล

    รอรับผลงานจำนวนมหาศาล จากทั่วโลก

  • มอบรางวัลให้แก่ผลงานที่ดีที่สุด

    มอบรางวัลให้แก่ผลงานที่ดีที่สุด ดาวน์โหลดไฟล์ - ง่ายดาย!

โพสต์การประกวดตอนนี้เลย หรือเข้าร่วมกับเราวันนี้!