CSS Particle Effect Video for Website

  • Tình trạng: Closed
  • Giải thưởng: $60
  • Các bài thi đã nhận: 1
  • Người chiến thắng: netfoxgroup

Tóm tắt cuộc thi

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:
[login to view URL]

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.
[login to view URL]

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

[login to view URL]

Các kĩ năng yêu cầu

Phản hồi của người thuê

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

Hình ảnh hồ sơ egnogra, United States.

Những bài dự thi tốt nhất dự cuộc thi này

Xem thêm bài dự thi

Bảng thông báo công khai

  • nahidhassandipu
    nahidhassandipu
    • cách đây 2 tháng

    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

    • cách đây 2 tháng
  • bintemumtaz
    bintemumtaz
    • cách đây 3 tháng

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

    • cách đây 3 tháng
    1. egnogra
      Chủ cuộc thi
      • cách đây 2 tháng

      https://kin.movie

      • cách đây 2 tháng
  • carlosr4
    carlosr4
    • cách đây 2 tháng

    The link does not work

    • cách đây 2 tháng
    1. egnogra
      Chủ cuộc thi
      • cách đây 2 tháng

      which link?

      • cách đây 2 tháng
    2. egnogra
      Chủ cuộc thi
      • cách đây 2 tháng

      https://kin.movie

      • cách đây 2 tháng
  • nafiulislam935
    nafiulislam935
    • cách đây 3 tháng

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

    • cách đây 3 tháng
    1. egnogra
      Chủ cuộc thi
      • cách đây 2 tháng

      only videi effect

      • cách đây 2 tháng
    2. egnogra
      Chủ cuộc thi
      • cách đây 2 tháng

      video part

      • cách đây 2 tháng
  • bintemumtaz
    bintemumtaz
    • cách đây 2 tháng

    sir i am saying your given link not working

    • cách đây 2 tháng
    1. egnogra
      Chủ cuộc thi
      • cách đây 2 tháng

      yes it does https://kin.movie

      • cách đây 2 tháng
  • carlosr4
    carlosr4
    • cách đây 2 tháng

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

    • cách đây 2 tháng
    1. egnogra
      Chủ cuộc thi
      • cách đây 2 tháng

      refresh there is a video there that reacts to movement

      • cách đây 2 tháng
    2. egnogra
      Chủ cuộc thi
      • cách đây 2 tháng

      https://kin.movie

      • cách đây 2 tháng
  • Moniruzzaman51
    Moniruzzaman51
    • cách đây 2 tháng

    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

    • cách đây 2 tháng
    1. egnogra
      Chủ cuộc thi
      • cách đây 2 tháng

      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

      • cách đây 2 tháng
  • nahidhassandipu
    nahidhassandipu
    • cách đây 2 tháng

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

    • cách đây 2 tháng
    1. egnogra
      Chủ cuộc thi
      • cách đây 2 tháng

      just exactly as the reference link!

      • cách đây 2 tháng
  • Moniruzzaman51
    Moniruzzaman51
    • cách đây 2 tháng

    sir your reference link does not working

    • cách đây 2 tháng
  • carlosr4
    carlosr4
    • cách đây 2 tháng

    send your video please

    • cách đây 2 tháng
  • Jack435
    Jack435
    • cách đây 3 tháng

    Hi

    • cách đây 3 tháng
    1. egnogra
      Chủ cuộc thi
      • cách đây 2 tháng

      hi

      • cách đây 2 tháng
  • bintemumtaz
    bintemumtaz
    • cách đây 3 tháng

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

    • cách đây 3 tháng
    1. egnogra
      Chủ cuộc thi
      • cách đây 2 tháng

      what?

      • cách đây 2 tháng

Xem thêm bình luận

Làm thế nào để bắt đầu với cuộc thi

  • Đăng cuộc thi của bạn

    Đăng cuộc thi của bạn Nhanh chóng và dễ dàng

  • Nhận được vô số bài dự thi

    Nhận được vô số Bài dự thi Từ khắp nơi trên thế giới

  • Trao giải cho bài thi xuất sắc nhất

    Trao giải cho bài thi xuất sắc nhất Download File - Đơn giản!

Đăng cuộc thi ngay hoặc tham gia với chúng tôi ngay hôm nay!