Most voted "css3" questions
The term CSS3 is used to refer to CSS properties and selectors added after level 2.1 of the specification. Use this tag for questions about new CSS modules.
Learn more…1,944 questions
Sort by count of
-
0
votes1
answer71
viewstime animation with css
good afternoon, I need to do an animation similar to the one in the video https://www.youtube.com/watch?v=OKo0RMtZ7g4&feature=youtu.be. But I can’t seem to adjust the time. .container { height:…
-
0
votes0
answers38
viewsBrowser Back button does not work to vote for DIV
I have the code below. When I’m at Home and click on the Menu to appear, for example, Projects and then press the back button of the browser, it doesn’t work. The url even changes, but the page does…
-
0
votes1
answer127
viewsOverlapping Divs without using position:Absolute property
I’m putting together the following layout and I couldn’t find any way to override the Ivs without having to use the position: Absolute. I cannot make use of this property, as this is just a Section…
-
0
votes2
answers3929
viewsHow to position the placeholder
How can I position the placeholder? I created a input but the digitable field does not follow, as in the example image: .inpt { border: none; background-color: #EBEBEB; padding: 3% 20%; margin-top:…
-
0
votes2
answers250
viewsHow to develop a specific layout for web and another for desktop?
Good morning, I’m trying to develop a layout for a flight search site, hotels, car rentals. The layout structure will be similar to sites like https://www.booking.com and https://www.kayak.com.br/.…
-
0
votes2
answers556
viewsCentralize DIV with Bootstrap or CSS
Good morning, Could you help me? I would like to center a Div(id="newServic") that is displayed by clicking on a Btn(id="newServicoBtn"). Follow the code below <?php session_start();…
-
0
votes1
answer106
viewsJavascript graphic
I have a javascript chart and would like to customize it. I want to change the numbers below the column to names (e.g., active) and also change the color of these columns. Could you help me? Follow…
-
0
votes0
answers19
viewsMerge spans with display::inline-block equal as with float:left
div.dropdown { position: relative; display: inline-block; background-color: #CCC; margin: 0; padding: 0; } div.dropdown span { display: block; width: 200px; height: 30px; line-height: 30px;…
-
0
votes1
answer298
viewsI can’t link, the html file with the css style
Good night. I am trying to link an arquiv.html file to another.css file so that I can use the css style on my html page through an id only that even with the correct tag I am not able to do this.…
-
0
votes5
answers217
viewsOverflow of text in flex elements
Hello, I have a problem with making the content I have inside the div with the class "box-center" inside the div Pai "wrapper". Someone can tell me compo I can solve the problem, I’ve tried the…
-
0
votes1
answer44
viewsList within the Section
I have a section limited in size and I have some "radio" options inside it. I want those options to stay within Ction. When it gets big, I want a scroll bar inside section to view all options.…
-
0
votes2
answers67
viewsPlacing data in the same column (table) HTML5
Good morning, everyone, I’m trying to put three images in the same column, but I’m not getting it. Would anyone know the error of my code? Follow image of where I would like to put the data and the…
-
0
votes1
answer239
viewsDiv exceeding size inside another div
I am working with Bootstrap and I am trying to make a 'table' with two columns. Inside the right column I want to place another 'table' with 4 cells, each with 100x100px images. All right so far,…
-
0
votes1
answer79
views -
0
votes1
answer126
viewsTake effect Parallax cell phone
I have a Parallax effect on my website that appears on desktop. Only the same effect is appearing on mobile devices, but it’s not cool. Is there any way to make sure that Parallax doesn’t appear on…
-
0
votes1
answer92
viewsMake ul move using script only
Hello! I saw an example of carousel that use the feature of margin to simulate the movement of items. How can I just with the script, do something similar, considering that the code repeats the…
-
0
votes0
answers17
viewsProblems with mobile menu
People I have a problem in the side menu I created in the mobile version of my website needed that when the person opened the menu and clicked out it would close as shown in the image below, in case…
-
0
votes1
answer36
viewsresponsive image - showing a pixel line when you hover your mouse
I’m trying to adjust an image with an edge inside the table, but when resizing the window and passing the mouse a pixel line appears vertically on the right side of the image. I tried to fix…
-
0
votes2
answers52
viewsProblems showing font color in active field
good night! I’m going through a problem that’s been racking my brain for days. I try to leave the color of the letter in the active tab field, but when I step (color: #fff) to the specific class, it…
-
0
votes2
answers201
viewsFull screen image using Materialize’s Parallax
I’m starting with Materialize, and I’m having a doubt. How to leave the background image of parallax? Currently, the function image is in the middle of the screen. CSS <style>…
-
0
votes1
answer326
viewsMulti-color background
I need to make a responsive web page with bootstrap 4. Having in the middle of the page a purple region ( HEX #A544A7). I tried with linear-gradient, but it got degraded and that’s not what I need.…
-
0
votes1
answer388
viewsI can’t change the background of my body
Hello, I’m trying to format the background of my body, but I was not successful. I have tried to make changes in my div and have not identified problems in other elements. Could help me ? @charset…
-
0
votes2
answers66
viewsHow do I make the content and footer respect the top?
I am with a problem, my content and footer n respects the logo and the menu. How could solve this problem? body { background-image: url(img/fundonew.png); background-repeat: repeat-x; font-family:…
-
0
votes0
answers37
viewsProblem with select box for language change
I have a custom select box where my language changes website it works perfectly however I stylized it does not work and does not change the language of my site how can I make it to be stylized and…
-
0
votes1
answer214
viewsHow to add checkbox values and send this value to another page through Javascript?
I have the checkboxes and below I have a button. I would like to press this button to save the sum value and send it to the next page. Ex: if the sum was three, I would like the other page to show…
-
0
votes1
answer66
viewsResponsiveness Css
@media screen and (max-width: 1100px) and (min-width: 600px) { html { width: 100%; height: 200%; } body { background: #f8f8f8; font-family: "Verdana", Times, serif; font-size: 18px; margin: 10px;…
-
0
votes1
answer161
viewsHow to limit a div draggable from overtaking the corner of the screen?
Guys I have an app that has a div floating that the user can drag inside the screen, only with the draggable() jquery lets the user drag the div beyond the screen and many times it fails to bring it…
-
0
votes2
answers225
viewsOverflow-x of a <div> containing three other <div>
Well, I did a major div, and it contains three other div. The content of these 3 internal divisions is 1234567890 three times in a row, and I would like their width to expand within the main div…
-
0
votes2
answers66
viewsblock with css on the mouseover
In CSS has way of passing the mouse on an element, do display: block in another as is done in JS? The object is that I have the following structure: <ul class="menuAdmin centralisado">…
-
0
votes1
answer28
viewsBrowser blocking source rendering
I created custom fonts for icons using IcoMoon, and I’m using the Live Server as a "test server" on a simple website with the following technologies: HTML5 CSS3 JS VANILLA BOOTSTRAP When testing the…
-
0
votes1
answer256
viewsPositioning with display: flex
I was doing an exercise page and I had a question with display: flex. Take the example. I have a DIV centered and within it others DIVs underage. Below the HTML <!DOCTYPE html> <html>…
-
0
votes2
answers89
viewsMove body along side menu
I am creating a code, where it has a side menu that when passing the mouse over this menu it expands to the side. But the problem I’m facing is that when the menu expands to the side, it’s covering…
-
0
votes1
answer85
viewsFixed header without transparent background
I have a header fixed on my page with a background image, when the scrolling happens the header goes along and has to overlap the html that is underneath, and does not become transparent, but it is…
-
0
votes1
answer66
viewsCenter a single div on body with Dsplay: Flex
I have the body and a div with width: 320px; I would like to focus on body that is flex. But look at that, NAY I want to center your content. Would like to centralize the very div in body. body {…
-
0
votes1
answer127
viewsAnimate item to :Hover and return with other properties
Having an item, for example, an icon. I need your initial state to be gray and your CSS will be: filter: grayscale(100%) opacity(0.5); transition: 1s; After that, in the :hover the icon needs to…
-
0
votes2
answers59
viewsHow to create a height div with a prescribed value that decreases when redirecting the screen
I’m having difficulty creating a div in which the width is 580px with the 767px media query, when I decrease the screen the div remains fixed at the same height value. How do I get gif to follow…
-
0
votes1
answer202
viewsFlexbox nos cards Bootstrap 4
I’m trying to show two cards even on smaller screens, however when it comes under 576px it seems to flout the lower rules and displays only one card per line. What am I doing wrong? I have the…
-
0
votes1
answer153
viewsJava Script does not inject HTML correctly
Good afternoon, I am making a website apênas with pure Html5 and Css3 and in it has a menu, however I want that menu stay fixed in all other pages and then not to need to copy and paste the code in…
-
0
votes1
answer38
viewsHow do break the children aligned with flexbox?
How do I get kids 4 5 6 below 1 2 3 when the site is in tablet mode ? <!DOCTYPE html> <html lang="pt-br"> <head> <title>flexbox</title> <meta charset="utf-8">…
-
0
votes1
answer180
views::active + CSS is not working
div.duvidas2 > div > div::active + div.duvidas2 > div > article { display: block; } div.duvidas2 > div > article { display: none; } <div class=duvidas2> <div>…
-
0
votes0
answers34
viewsHow to group text with image
Problem: I created a modal to display some information and text about the image. I’m not getting the text to be in front of the image. Solution: Leave text in front of the image. This image is…
-
0
votes4
answers196
viewsHow to mark and uncheck div (by checking and unchecking Checkbox) with jQuery
I have 3 checkboxs: Problem with Wifi. Problem in the Email. Problem at the Portal. When the user clicks on any of the checkBoxs jQuery calls the div .active and automatically a color is filled…
-
0
votes1
answer146
viewsdrag Divs/lessons and get Div’s position
I am developing a course platform website, each course can take many lessons. In the database, each class has a column called position, then for the end user, simply make a listing in order of the…
-
0
votes1
answer45
viewsCentralize div without width on a display: flex
I have the following structure: <div id="peca" class="cinzaClaroBB"> <section class="sessao peca"> <div> <img src="folder.jpg"> <img src="cartao.jpg"> </div>…
-
0
votes2
answers100
viewsCSS -> DIV content on ::after content
on the site I’m trying to develop, https://fielcard.net.br/ In the middle there’s a section of frequent questions and I have the following structure: $( 'body div#duvidas > section.duvidas >…
-
0
votes1
answer163
viewsHTML does not pull CSS generated by SASS
I’m using express to upload the server and Gulp to generate Sass, Gulp generates the file correctly, but the css is not adopted by HTML. follows code : Express : const express = require('express')…
-
0
votes1
answer51
views<footer> only occupies the first 3 columns created in the CSS Grid. How do I occupy the 4 screen columns?
body { margin: 0; padding: 0; box-sizing: border-box; background-color: white; } div.container { display: grid; grid-template-columns: 3fr 1fr; grid-template-rows: 20vh 70vh 10vh;…
-
0
votes3
answers153
views"Javascript function calling child functions"
Fala devs blz? next, I need your help. I’m new at js. next i have js functions that are on the onload of body (automatically run all when the page loads). but I think it gets polluted mt extensive…
-
0
votes1
answer104
viewsHow to create a triangular progress bar with borders?
I’m trying to create a progress bar that has the format of a rectangle triangle, as in the image below: It’s actually a div with the size of 70% x 50px and a 1px border, and a pseudo ::after with a…
-
0
votes1
answer69
viewsIn the menu a li does not occupy the whole area of ul. Cut a piece at the beginning of the menu
/* Configurações Globais Inicio */ html, body { box-sizing: border-box; margin: 0px; padding:…