Given an HTML attribute, location-id, whose value is three unicode characters: .loc::before { content: attr(location-id) } <span class="loc" location-id="▶ ▶"></span> the three unicode characters are displayed as intended: two ▶ characters separated by a space. How, if it is possible, do…
Good evening. I've been trying to implement a button that uses a SVG path to define his shape and the subsequent animation on Hover. I've created the animation and it works perfectly on the svg but my issue is how…
hello guys i im trying to make a lightbulb effect that the text is flickering. but i dont want it to be flicker whole time, i want it to play every 5 sec instead of the whole time. i tried…
I'm using angular material 19.0.3 and the m3 theming mechanism here's my style.scss html { color-scheme: light dark; @include mat.theme((color: ( primary: ft-green-theme.$primary-palette, tertiary: ft-green-theme.$tertiary-palette, ), typography: InterVariable, density: 0)); &[dir='rtl'] { @include mat.theme((typography: IranSans, )); } } body.light {…
I am trying to build a calculator with code. My calculator looks different from the one in the video. Here's the original calculator; And here's mine; I want the buttons to be set out in the same way as the…
I've designed an ::after effect. With the container and without the ::after, the background-color works, but when I apply the ::after, background-color doesn't work. Here is my code. Here, the black background works. .prices{ list-style: none; display: flex; font-size: 12px;…
https://codepen.io/buttadogg_/pen/WbeZvjg <section> <h1>Here’s The Basics!</h1> <div class="dropdowns"> <div class="dd1c"> <button class="dropdown dropdown1">Sydney's Public Transport & How To Use Them!</button> <img src="images/chevron-down.svg" alt="" class="dropdownarrow"> <div class="dd1cdrop ddcdrop"></div> </div> <div class="dd2c"> <button class="dropdown dropdown2">Finding a Doctor or Medical Service / OSHC</button> <img…
I have an interesting problem for you. It might be simple but I'm all out of ideas! It only appears when I narrow the window to less than 300px that I set as minimum width size. I don't want any…
I have and SVg and adding tag inside svg and using nested css delcration syntax and wehn using & it gives error of some XMl error ; first see this html example <style type="text/css"> :root { --color-red: #FF5733; } div…
i need to simplify these lines of code of react, i see is a bit repetitive, but i dont know if theres any way to improve this Any idea will be received!!! useEffect(() => { document.addEventListener("scroll", () => { //…