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
votes2
answers286
viewsHow to reverse the animation of a Modal?
I have a CSS code that makes an animation of a modal go down and stand in the middle of the screen, now I needed to reverse this animation, I need the modal that is in the middle of the screen go up…
-
0
votes1
answer376
viewsCSS button Misaligned form input, but correct for other types of CSS call
I have a form with the code to follow: div class="container"> <!-- Formulário de Login --> <form action="validacao.php" target="_blank" method="post"> <fieldset>…
-
0
votes1
answer388
viewsImage animation up / down inside the div with Jquery
I have this code that makes an animation of images ascending infinitely, but it doesn’t happen this, as I could arrange for it to have the same effect of this site…
-
0
votes0
answers166
viewsbecause css properties only work in HTML and not in external css
<button id="btn-info" type="button"></button> When I put the selector with the properties in external css it does not work but if you put it directly into the html Style it’s all right.…
-
0
votes0
answers81
viewsPDF opening in Modal gets lowercase
I have a website where I use a modal for opening PDF, and the same when it is opened is very small. Has anyone ever been through this? They’d know a way to fix it? CSS Modal code:…
-
0
votes2
answers154
viewsHow to align items with HTML and CSS?
Again I’m having trouble aligning items. I would like them to align the 3 inputs in the same line with margin, but they go down. #contato { margin-top: 120px; } #contato form { width: 100% }…
-
0
votes2
answers124
viewsPoint in CSS below image
I have an image carousel. Each image is a svg logo of fixed height and variable width. I need to place a point below each selected image, so I used the following code: CSS: footer…
-
0
votes3
answers1539
viewsAlign these images and HTML and CSS text in the "correct" way
I have to do my TCC and on one of the pages I have to align an image, an icon and a title one over the other (photo), I can do this but with many codes I think unnecessary for something simple…
-
0
votes2
answers557
viewsStop CSS animation after interaction
On the button below, I added an animation Pulse to get the user’s attention. I would like the animation to stop after the user presses it. I managed to make the animation stop when the cursor is…
-
0
votes2
answers4843
viewsAlign inputs and reduce spacing between Abels using CSS
I’m not getting my line Labels and reduce vertical spacings between Labels and the inputs. Some are adjusting and some are not. I would like to reduce the vertical/horizontal spacing that distances…
-
0
votes0
answers107
viewspseudo-class :not and :Focus in CSS
I have the following class in CSS: .iconQuemSomos { cursor: pointer; margin: 0 15px; transition: all 0.3s ease; } .iconQuemSomos:focus { opacity: 1; position: absolute; -webkit-transform:…
-
0
votes0
answers89
viewsHow do I make a slideshow with Divs?
currently my carousel has 3 Divs, and I would like the Divs to move from 1 to 2 and from 2 to 3 and from 3 to 1 with a 2-second timer, how do I do that? my code is like this: <div…
-
0
votes0
answers78
viewsMany checkboxes locking browser with Materialize CSS
I have a problem which is this:: I’m using Materialize CSS, and Vue Js. I have a table with entries, and in each register has a checkbox next to it to be able to perform some action with this…
-
0
votes1
answer332
viewsHTML - moving menu image
good afternoon! I’m training to build a website and, when I minimize the screen, the menu bar that is an image moves and goes out of position (it goes up). I’d like it to stay fixed and adjust to…
-
0
votes1
answer328
viewsHow do I put next/Prev Buttons and Dots Controls on my css/javascript slideshow?
Hello, I’m going through a lot of difficulties to make my slideshow, the best I got was an automatic slideshow, only I’d like to include Prev/next arrows to control and buttons below too, someone…
-
0
votes1
answer45
viewswanted to put dot/Circle Controls on my slideshow, can anyone help me?
i would like some Dots below the slideshow for when clicking on the first dot the slider goes straight to the first slide, but I’m not getting, someone can help me? HTML: <html lang="pt-br">…
-
0
votes2
answers36
viewsProblem with running CSS animation
I made an animation in CSS, but it stopped working. Where is the error? HTML/CSS #loading { background-color: #0e5077; height: 100%; width: 100%; position: fixed; z-index: 99; margin-top: 0px; top:…
-
0
votes1
answer204
viewsWorking with after and before css to add items on the screen
Well I need to add an item to div when selected, the real image should look like this: It would be this bank dot on the left in the green item. How to do this in css, using after or before can be…
-
0
votes1
answer41
viewsEffect appear without creating scroll bar
Is it possible to create the effect below without the browser creating scrollbars? (IE10 +) function trocaEfeito(){ document.querySelector('.efeito').classList.toggle('ativo') } *{ height: 100%;…
-
0
votes1
answer76
viewsIn CSS why does the :Empty pseudo-classes work and the :not(:Empty) do not work in the input?
I’m trying to make a form template where I think better of the user experience giving visual feedback when the field is filled. Then I came across a "problem" that I can’t explain... Because in the…
-
0
votes1
answer88
viewsMobile cutting
I am doing a test but on the pc in all sizes works cool now when I climb in the served and eye on the cvelular it cuts the part of the title can help me? HTML <!DOCTYPE html> <html…
-
0
votes1
answer50
viewsHow to insert WP previous_post_link(); anchored in a div
Good evening, I’m wanting to create a custom navigation between single-posts in Wordpress, but I don’t know how to do, and I don’t want to use a plugin for this, see what I’m trying to do (No…
-
0
votes1
answer735
viewsPosition Fixed mixing margin
When I set my header#header header as Fixed position, it took the style (for example the margin) of div.interface, I don’t understand why this happens, I want my div.interface to have…
-
0
votes0
answers183
viewsHow to use an AND-type condition with CSS selectors?
Well, I’m using a CSS block where I need to change an element, but that change depends on whether two other elements correspond to a particular state; example: to change . textAlteration, the…
-
0
votes0
answers39
viewsHow to make use of CSS selectors so that there are two simultaneous conditions
Look at that: The question noted as Duplicate, was of my own, recent! It has not yet been answered, because despite the indication of another link, there is diffuses the application of possible…
-
0
votes1
answer95
viewsPrevent the pseudo element ::before from receiving the effects of Hover applied to its parent
Hello, I’m applying Hover to an element, and this one contains a pseudo element before, in which it is receiving the effects of Hover of his parent element. This image shows the problem: Note that…
-
0
votes0
answers66
viewsParallax with two layers when scrolling mouse
I’m trying to do a two-layer Parallax and I’m not getting it. What I want to do is similar to the site https://willianjusten.com.br/exemplos-de-sites-com-parallax/. I want the background image and…
-
0
votes1
answer1562
viewsDivide the body into 4 parts of different colors
It would be possible to get the result of the image below using only Css in the body? Obs: Unused divs As much as I could: body{ background: linear-gradient( to right, red 25%, green 25%, green 70%,…
-
0
votes1
answer118
viewsScreen minimizing leaves html messy footer words
When I minimize the browser the phrases go into the corner get messy. Follow the code: css: @charset "UTF-8"; body{ margin: 0; width: 100%; height: 100%; background-color: white; } li{ color: white;…
-
0
votes1
answer39
viewsHow to fix this error of HTML+CSS Sub-Menus?
The submenus of my menu appear without having to pass the mouse in the Menu, when passing over the 'ul' of the submenu they already appear, I ended up getting lost in my code and now I do not think…
-
0
votes1
answer831
viewsHow to control the image size in a bootstrap Carousel?
HTML <!--Carousel--> <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li…
-
0
votes1
answer332
views -
0
votes1
answer52
viewsQuestion with logic to select div
I have the following problem, when I click on a div the same should be with the background-color black and the color of the color that really is the background, until then it is working normally,…
-
0
votes1
answer33
views -
0
votes1
answer140
viewsHide information with javascript [DOUBT]
I am creating a simple HTML page and I separated the page into two vertically, so this way in the part that is in blue would the logo and the info of the tool (I have not yet done). When I click on…
-
0
votes1
answer103
viewsPlacing Javascript in Div
I have this code to show the date <script language="javascript" type="text/javascript">// <![CDATA[ now = new Date document.write ("Esquenta Black Friday Somente Hoje " + now.getDate() + "…
-
0
votes2
answers80
viewsAm I resizing and setting the HTML page "correctly"?
I have a question that kills me when it comes to creating websites, I made a quick example here, after doing some research and none of it makes me doubt, I’m not sure I’m on the right track, but I…
-
0
votes1
answer234
viewsForeach with table
I am creating a website that aims to show the games that are happening in the world in real time. I’m trying to make a go for the rows of the tables to be created "alone" according to the amount of…
-
0
votes0
answers65
viewsMake a table thead fixed and tbody have scroll - HTML and CSS
I have an item listing screen and everything on it is fixed, nn can have the scroll on the side, but inside this screen has a table and this table can have the scroll but the only thing q can scroll…
-
0
votes1
answer63
viewsI need to make a shape with css and I can’t. And rotation doesn’t work on IE11
Talk guys, is it okay with you? (I hope and wish you) I’m starting a new personal project, and I’m getting my ass kicked with two questions: 1 - The set of menus is rotated, while the central logo…
-
0
votes2
answers240
viewscol-Md-6 occupying all space
In my contact form I need to leave on one side some information about the contact, and on the other side a form with email and message. But the part of my form of information is occupying…
-
0
votes1
answer241
viewsinfinite slide with css and html
My slide doesn’t want to be moving around endlessly: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <style> body { background:#000000; } *{ margin: 0px;…
-
0
votes2
answers429
viewsProblem with flexbox
My intention initially was to divide the header in 2 so that one part remained on the left and the other on the right. Then I put a flex-start and a flex-end, but it didn’t work out. I’m trying to…
-
0
votes1
answer744
viewsHow do I create circular image with css mask and Hover effect?
Does anyone know any css template ready for me to use as a reference to recreate an effect on my site that I am switching from wordpress to html/css I saw by the code that is a layer mask Hover that…
-
0
votes0
answers85
viewsCollapse Bootstrap height 100%
When you click on the name of each product the collapse appears with the default effect. The problem is that the collapse does not occupy 100% of the div. Follow example of the problem.…
-
0
votes0
answers39
viewsDo with CSS background in degrade on the whole screen
I got the following css: @charset "utf-8"; /* CSS Document */ @import url('http://fonts.googleapis.com/css?family=Open+Sans'); * { font-family: 'Open Sans'; font-size: 1em; margin: 0; padding: 0;…
-
0
votes0
answers59
viewsposition [in any situation] the footer at the bottom of the page
I got the following HTML: <body> <div class="todo"> <button class='button'>Login</button> <div class="topo"> <h1 class="h1Centralizado"> <?php echo…
-
0
votes1
answer56
viewsColumn not floating beside
I need the columns to float next to each other inside a card. For this I set the first column to occupy 8 spaces and the second 4. col-8 e col-4 But they’re not floating next to each other. I need…
-
0
votes1
answer57
viewscreate form with different size
good afternoon, I have to create a form with several rows and columns, until then normal, I wanted to know if it is possible that a row has columns with different width ? because the column always…
-
0
votes1
answer147
viewsAdd Animate or classes when scrolling the page and arrive in div
I am working on a project in Vue and I need that when the user scrolls the page and arrives in a specific div, be added an effect or a class in that div, similar to Scrollreveal Someone has already…