---
title: "Discussion on \"Windows 10 button hover effect using HTML, CSS, and vanilla JS\" | Hashnode"
description: "Discussion on \"Windows 10 button hover effect using HTML, CSS, and vanilla JS\". Windows 10 button hover effect using HTML, CSS, and vanilla JS"
url: "https://hashnode.com/posts/windows-10-button-hover-effect-using-html-css-and-vanilla-js/6098f12421068818a5c63b67"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Windows 10 button hover effect using HTML, CSS, and vanilla JS](https://jashgopani.hashnode.dev/windows-10-button-hover-effect-using-html-css-and-vanilla-js?utm_source=hashnode&utm_medium=feed)

Windows 10 button hover effect using HTML, CSS, and vanilla JS

May 10, 2021 · 6 min read · jashgopani.hashnode.dev  
Updated Jun 23, 2021  
Read the article

-   [#html5](https://hashnode.com/tag/html5)
-   [#css](https://hashnode.com/tag/css)
-   [#javascript](https://hashnode.com/tag/javascript)
-   [#web-development](https://hashnode.com/tag/web-development)
-   [#windows](https://hashnode.com/tag/windows)

## Written by

[Jash Gopani](https://hashnode.com/@jashgopani)

@jashgopani · India

  
[View profile](https://hashnode.com/@jashgopani)

Self taught Developer

On my journey to become all in one developer.

## Responses 1

Markdown supported · ⌘↵ to post

[Favourite Jome](https://hashnode.com/@Favourite)

[Jun 24, 2021](https://hashnode.com/posts/windows-10-button-hover-effect-using-html-css-and-vanilla-js/6098f12421068818a5c63b67/comment/60d4e46a5ed303057ace9fb0)

This is really creative, I've learnt something new, also this is my first time seeing the CSS property border-image. Thanks for sharing!

[Jash Gopani](https://hashnode.com/@jashgopani)

[Jun 25, 2021](https://hashnode.com/posts/windows-10-button-hover-effect-using-html-css-and-vanilla-js/6098f12421068818a5c63b67/comment/60d4e46a5ed303057ace9fb0#reply-60d56fcc5ed303057acea481)

Thanks [Favourite Jome](https://hashnode.com/@Favourite). Even I discovered this property when I was looking for different options for recreating this effect 😬.