Our Professional Team Member

Head of Consulting

Brian B. Rooney

01776843252

01776843252

Head of Consulting

Brian B. Rooney

01776843252

01776843252

Head of Consulting

Brian B. Rooney

01776843252

01776843252

Document

This is from the custom cursor tutorial on the DesignCourse YouTube Channel

body { margin: 0; height: 100vh; //cursor: none; background: rgb(27, 27, 27); } .cursor { width: 20px; height: 20px; border: 1px solid white; border-radius: 50%; position: absolute; transition-duration: 200ms; transition-timing-function: ease-out; animation: cursorAnim .5s infinite alternate; pointer-events: none; } .cursor::after { content: ""; width: 20px; height: 20px; position: absolute; border: 8px solid gray; border-radius: 50%; opacity: .5; top: -8px; left: -8px; animation: cursorAnim2 .5s infinite alternate; } @keyframes cursorAnim { from { transform: scale(1); } to { transform: scale(.7); } } @keyframes cursorAnim2 { from { transform: scale(1); } to { transform: scale(.4); } } @keyframes cursorAnim3 { 0% { transform: scale(1); } 50% { transform: scale(3); } 100% { transform: scale(1); opacity: 0; } } .expand { animation: cursorAnim3 .5s forwards; border: 1px solid red; } p { color: white; font-family: 'arial'; text-align: center; margin-top: 50px; font-size: 1.4em; a { color: teal; } } const cursor = document.querySelector('.cursor'); document.addEventListener('mousemove', e => { cursor.setAttribute("style", "top: "+(e.pageY - 10)+"px; left: "+(e.pageX - 10)+"px;") }) document.addEventListener('click', () => { cursor.classList.add("expand"); setTimeout(() => { cursor.classList.remove("expand"); }, 500) })
S

I am learning This Module

If you learn about this module you come our house
S

I am learning This Module

If you learn about this module you come our house
S

I am learning This Module

If you learn about this module you come our house
This Mango per Kg you can buy this mango
$ 100
This Mango per Kg you can buy this mango
$ 100
This Mango per Kg you can buy this mango
$ 100

We are really active in this workGo Ahed

Divider with divi

Divider with divi

Divider with divi

Thjis Is first step this step tech you how create  a professional multi collumn section hope fully you are will tech loit;st of knowledge and hgope fully you can success this multi collum steo

we are success to create a multi collumn step  section

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

This Is Toggle Syestem

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

This Is Toggle Syestem

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

This Is Toggle Syestem

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

This Is Toggle Syestem

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Free 20 kind of website it will be very proffessional your website

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived...

29 best plugin for you website and you can make your website easily

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived...

Best Wocoomerce plugin whice you setup easily for your website

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived...

Who is the best hosting provider in the world

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived...

You have to know properly how hosting provider soute ground and namchep

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived...

Free 40 tipe of template which will be help for make you ab coomercial website

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived...

Best 20 Template with elementor kit it,s very cheap price

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived...

Best 15 woocomerce theme for your professhional business

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived...

How create a fully responsive elementor website i wanna teach you

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived...

How create a divi full rensponsive website

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived...

Template

by Feb 20, 2022