DEV Community: Amiru Weerathunga

Default Mouse cursor styles

Amiru Weerathunga — Thu, 16 Feb 2023 18:12:53 +0000

Cursor styles

Most modern browsers support the following cursor styles (hover your mouse over the divs to see the cursor change to that style).The actual appearance of the mouse cursor depends on the browser and OS configuration.

For example, Microsoft, Internet Explorer 8.0 under Windows XP, with Windows Classic theme set in Display Properties, mouse cursors look like below

To set or change the mouse cursor style for an element of your page from script, you can set the element's property element.style.cursor to one of the above values. (Alternatively, without JavaScript, you can use the attribute style="cursor: value;" in that element's HTML tag.)

Draggable element & Cursor to see the filters separately

Amiru Weerathunga — Wed, 15 Feb 2023 17:23:32 +0000

Draggable element & Cursor to see the filters separately

Awesome Social Media Icons With Hover Effects (Font Awesome Icons & SVG Icons)

Amiru Weerathunga — Fri, 06 Jan 2023 13:19:41 +0000

Awesome Social Media Icons With Hover Effects

(Font Awesome Icons & SVG Icons)

Search & Save to list Button only with HTML CSS with awesome gradients

Amiru Weerathunga — Sun, 01 Jan 2023 10:24:00 +0000

Search & Save list Button in html css with awesome gradient background, borders & texts

Laptop Keyboard with awesome click effects.

Amiru Weerathunga — Fri, 30 Dec 2022 09:25:51 +0000

Awesome Weather UI with real time and date, Backdrop filters too.

Amiru Weerathunga — Fri, 30 Dec 2022 08:52:51 +0000

Weather Card with real time and date.

And awesome detail icons (https://fontawesome.com/, https://fonts.google.com/icons)

Real Date & Time, Popups, Backdrop filters, Lines, Icons

Backdrop-filters, (With examples)

Amiru Weerathunga — Tue, 20 Dec 2022 10:26:58 +0000

Backdrop filters in CSS. This project demonstrates how CSS backdrop filters can be used to create a professional-looking backdrop. The backdrop-filter CSS property lets you apply graphical effects such as blurring or color shifting to the area behind an element. Because it applies to everything behind the component, you must make the element or its background at least partially transparent to see the effect.

3D Plank

Amiru Weerathunga — Mon, 19 Dec 2022 17:02:53 +0000

The 3D Plank was made by Amiru Weerathunga. My original design was a box, but I decided to turn it into a plank after I made it.

HTML CSS JS Calculator by Amiru Weerathunga

Amiru Weerathunga — Thu, 13 Oct 2022 12:30:22 +0000

JavaScript Calculator with shadow effected buttons and a display

This is my first JavaScript project and I decided to make a calculator. The calculator includes number buttons, a clear button, 5 operator button such as "Addition, Subtraction, Multiplication, Division and Exponentiation", a backspace button, a dot button and a display to show the operations. I had used `input` tags to get the values to the display.

In addition, this calculator has 5 other scientific operations too. The calculator has clear, backspace, history, percentage & π buttons. U can get the square root & cube root of a number using this calculator.

U can see my calculator below

Follow me on Codepen.io

Support my work ...

Hi There! I am Amiru Weerathunga. On YouTube, I upload videos of my piano skills.

youtube.com

Amiru2007 (Amiru Weerathunga ) · GitHub

Hello! my name is Amiru Weerathunga. I am a programmer, a piano player, a YouTuber and a Blogger. - Amiru2007

github.com

Amiru Weerathunga – Medium

Read writing from Amiru Weerathunga on Medium. Every day, Amiru Weerathunga and thousands of other voices read, write, and share important stories on Medium.

medium.com

Happy Coding 👨‍💻 ...