CSS Hovering to adjust text opacity doesnt work as intented, simplified as much as possible

i wanted to create divs where if you hover one side, the opposite text disappears. It works perfectly when hovering the left text, the right text disappears as expected but it doesnt work the other way around. <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”utf-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1″> <title>choose</title> <style> .right:hover~.left p { opacity: 0;… Read More CSS Hovering to adjust text opacity doesnt work as intented, simplified as much as possible

March 27, 2024 MRLeave a comment

Opacity reduction script does not working

I have a problem with a script that until recently worked, but now seems not to want to work. I want to reduce the opacity of the green spheres when scrolling down, it seems to be working until recently, but now I can’t figure out what the problem is. The website is this: https://attiliosantomo.com/PROVA/ The… Read More Opacity reduction script does not working

June 11, 2022 MRLeave a comment

Javascript to dynamically select based on another query

I am working with a svg element as following const src = [{ “Name”: “Australia”, “Year”: 1997, “Value”: 15.540540540540499 }, { “Name”: “Australia”, “Year”: 1998, “Value”: 15.540540540540499 }, { “Name”: “Australia”, “Year”: 1999, “Value”: 22.4489795918367 }, { “Name”: “Brunei”, “Year”: 1998, “Value”: 6.4516129032258096 }, { “Name”: “Brunei”, “Year”: 2017, “Value”: 9.0909090909090899 }, { “Name”: “Brunei”,… Read More Javascript to dynamically select based on another query

May 26, 2022 MRLeave a comment

How do I set "Audio" above "Diameter 18mm"

Here is my project https://jsfiddle.net/9rkfst5a/1/ How can I get the h1 above the ul and not next to each other? >Solution : Many ways, but simple and quick would be to just knock them out of the flow in your HTML so they’re not contained in the specs class and then set the padding to… Read More How do I set "Audio" above "Diameter 18mm"

May 26, 2022 MRLeave a comment

Check if true or false on json parse into html

Currently have all data displaying perfectly except the boolean ones. I have some data that if true or false they should display different html/css So, how can I have a class or html that shows the data if returns true? I’m a bit stuck on parsing this data on this code. As I was on… Read More Check if true or false on json parse into html

May 25, 2022 MRLeave a comment

WPF Control Style of Button not detecting IsMouseOver

So am trying to create button style (background opacity to black with 20% alpha and default colour of text changes to clear white) with using ResourceDictionary. I do include file into App.xaml like: <ResourceDictionary> <ResourceDictionary.MergedDictionaries> <ResourceDictionary Source="Style/ButtonStyles.xaml"/> </ResourceDictionary.MergedDictionaries> </ResourceDictionary> and to button am applying x:Key Style="{StaticResource TopBarButtons}" so my style of it looks like (random… Read More WPF Control Style of Button not detecting IsMouseOver

May 25, 2022 MRLeave a comment

React state doesn't update immediately with useState

Apologies if you feel like this is a repeated question, but I couldn’t find the solution for my problem in any of similar questions and couldn’t understand why this problem was occurring. I have a component called Selector.tsx which basically has an input field and a bunch of buttons that when clicked are supposed to… Read More React state doesn't update immediately with useState

May 24, 2022 MRLeave a comment

Css Transition does not work when is .myclass:not(.example) by clicking the button

I’d like to understand why some parameters work with transiton and some don’t. I have a button that brings up a div. If I only use max-height as a parameter then the transition works fine. When I insert other parameters such as opacity, top, etc… These only work on entry and never on closing. What… Read More Css Transition does not work when is .myclass:not(.example) by clicking the button

May 23, 2022 MRLeave a comment

Image Grid formatting in HTML

I am a beginner in HTML and StackOverflow and was trying to create a web page. I learned how to create this grid through some research but I am not sure how I would align it to the center of the web page. I tried using justify-content: center; but had no luck. Help would be… Read More Image Grid formatting in HTML

May 23, 2022 MRLeave a comment

CSS: menu icon animation

Why this code doesn’t work for me totally? No animation or effect when I press it on the browser. This is HTML snippet: <!– Menu Bars –> <div class="menu-bars" id="menu-bars"> <div class="bar1"></div> <div class="bar2"></div> <div class="bar3"></div> </div> The CSS snippet: .menu-bars { position: fixed; top: 1rem; right: 2rem; display: inline-block; cursor: pointer; z-index: 11; }… Read More CSS: menu icon animation

May 22, 2022 MRLeave a comment

Dev solutions

Solutions for development problems

Tag: opacity