CSS - Страница 909

Here's I got so far: (

Here's my HTML:

BUTTONS Default Primary Button Secondary Button Hovered Primary Button Secondary Button I want it to look like this: (

Источник:

I'm having a bit of a problem with my codes. I have a transparent/glassy looking navigation bar on my page. I am trying to add a logo over it, however when I do, the logo as well is transparent and can see through it.I tried way too many times to...

I was bit curious about a question that come to mind, even though it is not standard/good practice to write coed in such a way.

What if a CSS selector has same property with multiple value for example

.selector { display: flex; justify-content:...

I am following one tutorial and CSS worked for Shared razor pages. First example works fine and does everything it needs, but the second does not load CSS. No color changes or image size.

@inject IProductService ProductService...

I have copied the code for my project: Html, css and js code:

html, body { height: 100%; margin: 0; overflow: hidden; } body { display: flex; align-items: center; justify-content: center; background: #000; } main { display: flex; } p {...

I have two SVG files. They will partially overlap each other according to the design I have. For instance, file A will be partially hovered on file B. I want to mask the parts that are matched on both files. I've attached the design file for better...

I'm trying to get my element to animate with animation-timeline: view(); but, It just doesnt seem to be working. At all...

I got it to work before in a site of mine for a parallax effect here and now it isn't working anymore no matter what i do!...

I need to create button with triangle on one side (like this ) with linear vertical gradient and border, and I want to use pure CSS3. It's ok if I need 45deg triangle , I just write smth like this

.button:after { -webkit-transform: rotate(45deg);...

I have a problem with my website based on GitHub Pages. When i click on a button with I shows me error 404. I added the page in the repo. image

I tried to add link tag (i knew that was stupid) and it still didn't work.

Источник:

I am trying to figure out how to have a scrollable div that only shows its scrollbars when Hovered.

Example is Google Image search, in the image below you can see how the left sidebar does not appear to be scroll-able until you hover the mouse...

I am trying to make a modal with a body that will scroll when the content becomes too large. However, I want the modal to be responsive to the screen size. When I set the max-height to 40% it has no effect. However, if I set the max-height to 400px...

Probably one of the worst things I could be doing but I've taken a snippet of code from codepen that I really liked for my new bootstrap 5 site that animates a burger menu usgin CSS. It opens the nav items fine on mobile view, but then I can't get...

I've created a simple unordered list with rounded corners, when selecting a list item I want the background to become blue to show the active state. When I have no border-radius everything looks great.

However, when I use a border-radius of 4px to...

if then kindly share it with me

auto css websites that can write code

Are there any websites that exist that can do auto CSS for my web development?

I am facing problems will writing too much of css it takes so much time

I hope that there...

I'm trying to make a lightbox-like element. I handled the JavaScript code that takes the clicked image's src and puts it in myImage etc. but I just can't manage to have it 100% height. It always crosses the paddings that box2 sets on bottom.

It...

Here is the SyntaxError:

The screeshot of the error

In the below .module.css, there are no semi-colon issue present. Here is my module.css file:

/* Groningen */ .groningen p, .groningen h3, .groningen a:hover, .groningen li:hover, .groningen...

I want to have a separating line under each row when using border-collapse: separate;. But using border-bottom on the tr doesn't work when border-collapse is set to separate, so I tried giving border-bottom to the td, however - it has space between...

I have a textbox as below.

But When I enter the some values to the text box, the placeholder is hidden automatically.

I wanted the placeholder to be displayed even after I enter some values to the text box. I tried few solutions but...

So I currently have a part of my form which contains an input field and a select menu and I want both of these elements to be displayed side by side and then there be a label or paragraph text directly underneath the input field. I am struggling to...

so. Im trying to generate a pdf file, with a permanent header and footer ( though the footer is dynamic, means xxxx page 1 , xxxx page 2 and so on ).

I have the following code:

static string defaultPageCss = // $ body {{ direction: rtl;...

I need a way to track/find all the corners and angles of the div element if it is not radiused, as in the website there should be dot in each border of the elements in the whole website, so i need some solutions for creating those dots which should...

I am trying to change the default style on primefaces calendar and tried many solution but still no idea how to change it. For example i want to change the button icon.

This is my calendar in my .xhtml file:

And this are the solution that i...

I want to apply four states as animation to an element using CSS.

My sample code:

.child { display: block; width: 50px; height: 50px; background-color: #068031; } #main-box { position: absolute; top: 0; left: 0; transform-style: preserve-3d;...

So I want to know how to set a Max Height Media Breakpoint in TailWindCSS Config. IPad Pro's are recognised as Laptops because of their width. That said, they are far too tall for Laptop CSS, making my site look horrible.

Any help welcome, Thanks,...

I am making a simple navigation drawer with Vuetify 3. Whenever I use the prepend slot for icons it seems as if the colour is slightly modified or that the transparency of the icons is changed:

When simply using the icon without using the...