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
-
1
votes2
answers1724
viewsCentralize items of a DIV
How do I keep these three items centered? Note that there is a space left on the right side. CSS div.menu { background-color: #333; overflow: auto; white-space: nowrap; } div.menu a { display:…
-
1
votes0
answers140
viewsBugado design! (but with cache works, "unlock")
I was setting up a table with scroll and I came across the following bug in css: If I press f5 2 times the table ends up fixing and stays like this: When I clear the cache(ctrl + f5) the error comes…
-
1
votes3
answers1923
viewsProblem with image height
The left Banner looks like this. I tried to do a gambit, but it didn’t work out so well. -> .slide-1 img{min-height:480px;} My HTML and CSS code: .slide{width:100%; height:480px;…
-
1
votes0
answers122
viewsSmaller divs superimposed on another DIV
I’m trying to create a DIV with a background image and on top of that image I need to position other DIVs. I positioned these DIVs that were on top, but when resizing the screen the position of this…
-
1
votes1
answer844
views -
1
votes2
answers57
views -
1
votes2
answers1980
viewsHow to put frame on an image?
I’m trying to put a different frame on the image but it’s not working, follow how I’m doing, I want the image inside the frame with a Hidden the html <div class="depoimentos__moldura"> <img…
-
1
votes2
answers819
viewsDo not apply filter css to child element
I want to do a modal window, but I wanted to do something different, something out of the pattern opacity. I wanted to wear a filter: blur();, but I wanted to do in tag body and would take all the…
css3asked 6 years, 11 months ago Robert Junio 49 -
1
votes1
answer413
viewsHow to modify only one side of the div?
Hello! I am trying to make an effect of transforming only one side of the div as in the following image, I tried using skew but it modifies the entire div, see how I would like it to stay…
-
1
votes1
answer131
viewsCSS Grid Layout
I’ve been a while without messing with front-end but now I’m taking a look at CSS Grid Layout. After reading the articles, I was left with a question: Is there any number of standard columns to…
-
1
votes2
answers194
viewsCentralize navbar items when viewed on desktop
I’m using the codes below to create a navbar, but I would like, when viewed on desktop, the items highlighted in green to be centralized, but when viewed on mobile, remain exactly as in gif. Code…
-
1
votes1
answer256
viewsIs it possible to place an image inside the progress bar?
I wonder if it is possible to place an image inside the bootstrap progress bar, while the bar goes walking, soon the front of it goes like a small cart. That would be possible? Progress bar: <div…
-
1
votes1
answer94
viewsMysterious padding when using Scale CSS
I have a problem. When using scale() in a CSS of mine to decrease the size of an image in media query, he’s creating a padding mysterious. This padding is not set anywhere, if you see, it is the…
-
1
votes1
answer146
views -
1
votes1
answer28
viewsProblem with static title and button
I’m having trouble with an H1 and a link with class inside a div, which do not go up or down the way I want. I’ve tried to solve this using margin-top and margin-bottom, but I didn’t get the effect…
-
1
votes1
answer1121
viewsTable in Bootstrap hiding buttons
I am making a small Java Web application with Bootstrap, but I have an error on a page where I use a table. When I have more than eight rows in the table, the buttons that are below the table…
-
1
votes0
answers74
viewsPage does not work on Chrome
I made a registration page, but in Chrome does not show the updated css of it, but by firefox shows all updated already. Then I climbed on the server to see through my cell phone, iphone 5s, and…
-
1
votes1
answer6791
viewsImage animation with Pulse effect and css brightness
It is only possible with css to make an image pulsate and pass a glowing effect?
-
1
votes1
answer1876
viewsOwl Carousel how to use? HTML5 CSS3
Good guys, I started following tutorial on how to make a Carousel because I’m trying to make my HTML5/CSS3 page have a 4 items per slide Carousel, so I saw as the only way this plugin since I…
-
1
votes2
answers33
viewsProblem creating link to the same screen
I have a navigation bar with two buttons that, when clicked, takes the user up to a text, more specifically a subtitle. What happens is that when the button is clicked, instead of taking the user to…
-
1
votes1
answer83
viewsImages overlapping when resolution changes
I have four images side by side, but when I readjust the resolution, they’re overlapping one by one. I would like them to adjust but remain side by side as the resolution allows them to remain see…
-
1
votes1
answer381
viewsheight: vh; does not work as it should in Chrome mobile
Chrome is not adapting content in the viewport In Firefox and Opera mini is adapting perfectly Chrome Firefox Opera mini Chrome can adapt like Firefox and Opera? .intro-noticias { width: 100%;…
-
1
votes1
answer43
viewsPulse effect does not work properly when it has 2 elements
I have the following code: <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" xml:space="preserve"> <g> <circle…
-
1
votes2
answers244
viewsI cannot place the link with the ACTIVE function
I have a menu, on my site in wordpress, that when passing the mouse (if) it load a border at the base, so far so good, but I can not put the ACTIVE function for when the person is on the related…
-
1
votes1
answer2091
viewsDiagonal background
Css : .bio { width: 100%; min-width: auto; height: auto; min-height: 600px; background-color: #fff; background-image: -webkit-linear-gradient(30deg, #fff 50%, #004E95 50%); } That generates : But…
-
1
votes3
answers60
viewsFormat only the edge sides of the button
There is another way to format only the right and left borders, and leave top and bottom None ? border-top: 0px; border-bottom: 0px; border-right: 2px solid #444444; border-left: 2px solid #444444;…
-
1
votes1
answer773
viewsImage Transition 4 images with Animate css3
I’m doing a simple advertising that alternates 4 images in the same div, only my problem is that the duration time between the 4 is not right... it gets one on top of the other in mode "messy", how…
-
1
votes1
answer756
viewsChange radio input checked by Jquery
I have one more question here on the forum rs. I created a css framework, made a slider with input radio + label but had not put animation (change from second to second between them). But only q now…
-
1
votes1
answer1352
viewsPlacing (Arrows) an arrow at the base of my active button
I have a tab menu that I need to place an ARROW at the base of the button when it is active. Follow the image as it is: It has to stay that way: Follow the code of this "menu": <div…
-
1
votes0
answers59
viewsClick event does not get given
Guys, I’m a beginner in this whole world, and I’m looking to implement a function in an application of mine. I found a project available for download and changed all the code to my favor, but at the…
-
1
votes1
answer634
viewsSlider with 3 columns automatic without javascript
I’m trying to make a slider that has control like this https://codepen.io/mayurbirle/pen/eEevBZ/, but automatic and showing 3 images at the same time I tried to implement the controls but it’s not…
-
1
votes1
answer2026
viewsCenter text within image
I need to align text horizontally and vertically within an image. Any of you know how I can do this? HTML <img…
-
1
votes1
answer63
viewsShow div to scrolar the page?
I see many Wordpress themes use the feature to show the elements as you scroll on the site, an example is this: https://belle-demo.myshopify.com How is this done? Only with CSS is it possible?…
-
1
votes4
answers41221
viewsHow to dispose images next to each other with titles below in css?
I would like to know how to dispose images side by side, with title/caption below. Using CSS and tag <img>, similar to the iTunes Store website.
-
1
votes1
answer36
viewsIs it possible to recreate this gradient effect only with html and css?
I was visiting the following website http://www.adventistadareformacompleta.org/os_livros_de_registros.html And I thought maybe it would be possible. Here’s what I’ve tried so far:…
-
1
votes0
answers376
viewsCustomize select and understand the CSS effect
see this example I’m doing about customization of a select and an input http://codepen.io/anon/pen/peVNoq Note the input effect, click on the text box and you will see that the bottom edge has a…
-
1
votes1
answer119
viewsBug Menu OFF Canvas
I made a menu that’s just off canvas when the screen is smaller than 768px, otherwise it appears by default on the page that works perfectly. The problem is that if I activate the menu and then der…
-
1
votes1
answer402
viewsBlock landscape mode, via Css, on mobile display
I am doing a project, and I need to block the mode "landscape",on a specific screen (login screen), I want that when logging in, appear a message for user to use landscape mode, so better view the…
-
1
votes1
answer1050
viewsGrid Bootstrap System: Can . Row inside . col?
I have a question regarding the Bootstrap Grid System, it is valid to use a .row within an element with class .col-x-y in case I want to create more than one column inside that .col-x-y? In short,…
-
1
votes2
answers200
viewsTV style information bar (similar to <Marquee>tag)
I need to make an information bar style of the TV channels that keeps passing from right to left. I have the text that comes from the database and as it is a long text I would need it to be looped.…
-
1
votes0
answers79
viewsCSS fails to open in mobile
So I have the following page: http://funerariasaopedro.net.br/novo/ Computers run well at any resolution. This, of course, using plugins that reduce browser resolutions. Tested in Firefox, Chrome…
-
1
votes1
answer549
viewsChange the color of the <Progress> element
I’m trying to change the color of the progress bar, <progress> by css?
-
1
votes3
answers48
viewsSpans block not that fit the size!
I have the following code: $(document).ready(function(){ function animaTextos(){ var interval; var contador = 1; var funcao = function() { var corrente = $('div.slider ul.slide li').length;…
-
1
votes3
answers501
viewsLike leaving a pie div?
Hello, recently I found a layout on Google and I found the idea of it very interesting, but I do not know how to reproduce the div that way, is basically to make the div 'pie', I tried to reproduce…
css3asked 6 years, 6 months ago Mateus Araujo 31 -
1
votes1
answer19768
views -
1
votes1
answer1258
viewsHow to center text within input type="time"?
.menor { text-align: center; } <input class="menor" type="time" id="abre" name="abre" required><br><br> On the computer, it works normally. But on the phone, the text is not…
-
1
votes1
answer54
viewsUsing variables
I had my eye on the use of variables in CSS, like below, simple stuff, so far so good. Then I saw that I could incorporate 'functions', but I only saw the use of libs as lesscss and Sass. You can…
-
1
votes2
answers414
viewsImage rotating automatically
Guys, I have a little problem with my HTML/CSS... Some large-sized images are rotating themselves... Below is a print for you to understand better: Note that the first two images are in the correct…
-
1
votes1
answer348
viewsCreation of tables through div
I would like to create a table structure that can have a variable number of columns, for example, an hour may have only 3 columns and at another time may have 5 or 6 columns, this number is not…
-
1
votes1
answer468
viewsChange the color of a Webgrid mvc <td> tag
That’s the WebGrid and I need to change the background color of Celula filled in "IN PROCESSING": for Red: CSS <style type="text/css"> .grid { margin: 4px; border-collapse: collapse; width:…