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
-
3
votes2
answers888
viewsBackground image makes the page flash when loaded
I’m creating a site, by uploading any of the 6 pages of a category of the site that each have a background image with an average of 40 to 70kb, the area where the image is flashed. The page always…
-
3
votes2
answers5945
viewsGet full monitor width using CSS3
Is there any way to get the width total of a monitor using CSS or CSS3? I know that in JS there is a $(window).width(); which associates to a variable the width of the monitor size. Now I needed to…
-
3
votes1
answer1345
viewsCSS responsive layout in columns
I am making a layout that will have two columns, the first on the left will compose a menu the second will occupy all the remaining space on the screen on the right side and in it will be the…
-
3
votes1
answer74
viewsList-style disappearing when using 'Columns'
I am using'Columns' in ul to split my menu into 2 columns. More when using, list-style some. Why? There is a possibility that it will not disappear? <ul id="menu-footer"> <li><a…
-
3
votes1
answer723
viewsHow to center figure with max-width set?
I’m trying to centralize a figure with max-width defined. By centering without the max-width, right. But the background exists in it gets 100% and not centralized together with figure. For that I…
-
3
votes3
answers152
viewsCss alignments
My case is this:: But I want to leave it at that: HTML <div id="problema"> <div id="verificar" style="width: 500px; height: 100px;"> <h1 style=" clear: both;position: relative;…
-
3
votes1
answer77
viewsMedia queries ignored from a certain resolution
Working with Mediaqueries for responsive layout, I came across the following problem: I’m setting the resolutions quietly, but when I get to 800px the configuration gives 320px and 360px. It is…
-
3
votes1
answer119
viewsSorted list with next element on the right when it does not fit
I am creating a menu where I will have several buttons. To align the buttons I use a simple ordered list. I want to know if there is any way that, when no more buttons fit within the maximum height…
-
3
votes3
answers9349
viewsDisable all inputs from a form using css only?
Problem I’m implemented some controls in a prototype, and I’m creating a dashboard overlay to represent background processing, loading asserts server, search data on the server, finally to represent…
-
3
votes1
answer154
viewsTwo elements with same height with jQuery - all the time
I’m taking advantage of a gallery system that I found on the web where, depending on the proximity of the mouse image, it expands proportionally. Link: Image gallery Well, I adapted the code to be…
-
3
votes1
answer6540
viewsCSS animation of input and output element when scrolling on page
I’m making a div appear with input animation when the scroll hits a point on the page, the problem is that I can’t make the output animation when the scroll returns. The <div…
-
3
votes2
answers6977
viewsAdd external icons to Bootstrap
I downloaded a Bootstrap template and I want to exchange some icons that have in it, however, it already has a table of icons that can be used, I would like to know how to put other external icons,…
-
3
votes1
answer1641
viewswidth 100% bootstrap responsive
I’m using the bootstrap for its fluid grid, I used the row-fluid outside the container-fluid for it to be without the usual margin. In the desktop resolution the footer is normal with width 100%,…
-
3
votes3
answers194
viewsWhy use float:left and display:inline at the same time?
I’m watching a tutorial, where the teacher at a certain moment, minute 28, establishes the style of the elements of a ul to create a horizontal navigation bar, and do it using be the float:left that…
-
3
votes4
answers420
viewsCSS, firefox input shows blank text
In firefox my input text does not appear, what reason? see http://jsfiddle.net/m8j873y8/ input { width: 100%; height: 35px; margin-bottom: 10px; color: #595959; padding-top: 17px; padding-right:…
-
3
votes1
answer94
viewsMake DIV occupy page remnant with CSS
Good guys, I have a div#x that varies your width amid 70px ~ 220px. I need a second div#y, who is next to you occupies the rest of the page space. With jQuery it would be something like:…
-
3
votes2
answers202
viewsLayout adjustment with elements that are automatically generated
I’m making a site where one of the pages is responsible for listing user posts in box form. Each box corresponds to a new user post, which is generated by the ASP.NET MVC 4 code with Entity…
-
3
votes2
answers483
viewsMedia Query for PC
Hello, basically I want to make two models of my site, one for mobile devices and the other for computers. I would like to make a CSS code that is read only by PC browsers, but if I use for example…
-
3
votes1
answer677
viewsTransform Scale does not work with expected
I want to increase the size of a certain part of the chart when passing with the mouse (Hover). I tried Transform but it doesn’t work very well for me. example: http://jsfiddle.net/tttxfvcu/10/…
-
3
votes2
answers10413
viewsButton spacing
I want to reduce the spacing of these buttons but I’m not getting it. I’ve tried to put margin and padding and nothing. I don’t want to use a list. How can I do? Follow the html code: <div…
-
3
votes2
answers9439
viewsI can’t center an image semantically
How to leave an image in the center of the screen I tried to put one text-align:center and it didn’t work. Follow my html code: <header> <img src="images/bg-header.png" id="bg-header">…
-
3
votes1
answer385
viewsCSS3 animation does not run when loading page
I have the following code: body{margin:0; padding:0; font-family: Verdana, Arial, sans-serif;} aside{ width: 200px; background-color:#F0F0F0; } ul{ display:block; list-style:none; margin:0;…
-
3
votes4
answers9290
viewsHow to place a gif before displaying the site page
I would like to put a gif of loading on my website. When I access the page before opening the site, I would first open the gif and stay for 1.5 seconds or so. This is possible? Note: I want…
-
3
votes1
answer1001
viewsCarousel with touch screen interaction
I have a Carousel that navigation is through the right/left arrows. In mobile, the user must be able to "drag" the Carousel, without using arrows to navigate. I’m wearing the bootstrap cap. I need…
-
3
votes0
answers74
viewsProblem with pause in keyframe
I made a keyframe that is working perfectly but I am a problem regarding the pause of it so it pauses as soon as I pass the mouse over with an effect :hover however the problem and that it pauses…
-
3
votes2
answers1253
viewsLayout with diagonal div and responsive
I need to create a layout and make Divs diagonally and responsive (100%), as in the example below: The contents inside have to stay horizontal Any ideas? Suggestion? Jsfiddle for editing…
-
3
votes1
answer6096
viewsDecrease fixed menu as you scroll the page
I want to know how to decrease the menu size when there is scroll. This is my menu: header { position: fixed; width: 100%; box-shadow: 0 4px 20px -4px #ababab; background: rgba(249, 249, 249, .8);…
-
3
votes2
answers1067
viewsDraw image using css
I wonder if you could draw the image below using css only? I’d like to create a button like this…
-
3
votes1
answer25659
viewsHow to put a background image?
I’m trying to put a background image but I’m not getting it. Can someone help me? * { box-sizing: border-box; margin: 0; padding: 0; } body, html { width: 100%; } body { background-image:…
-
3
votes2
answers287
viewsShare button for Linkedin
How can I make a share button for Linkedin? I did facebook, google, twitter and Whatsapp but Linkedin I’m not getting. For example look at the one on facebook: <script type="text/javascript">…
-
3
votes2
answers3367
viewsCreate play/pause button
I would like to know how I can create a youtube style button from play and pause on top of the video. I wish that when not click on it it gets stopped with the play then click on it it starts the…
-
3
votes1
answer217
viewsHow to put Transition in Form Option
I’m having a little trouble applying an effect on an Option, I have a form where you have Name, Email, Phone, Themes. In where is Themes he has a Children’s Decorations option, when selecting…
-
3
votes3
answers586
viewsHow to apply CSS to HTML element before and after a text?
Taking into account the HTML code below, is there any way using only CSS to apply different style to the element i before the text and the other element i after the text? <a href="#"> <i…
css3asked 9 years, 1 month ago Bruno Wego 1,568 -
3
votes1
answer179
viewsTurn this menu into sub-menus?
I have this vertical menu: <!-- Coluna2 --> <div id="d2" align="right"> <nav id="menu"> <ul id="menu-nav"> <li><a href="cEmpresa.html">Hotel</a></li>…
-
3
votes1
answer1301
viewsHow to center the two inscribed squares into the largest square with CSS?
I would like to leave the three squares of the code below, centered symmetrically in relation to the center of the largest square that has the black background. .box{ height: 100px; width: 100px;…
-
3
votes2
answers1432
views -
3
votes1
answer289
viewsThe difference between cursor: no-drop and not-allowed in CSS
I would like to know the difference between the values no-drop and not-allowed of property cursor of CSS. span{ font-size: 30px; } .not-allowed{ cursor: not-allowed; } .no-drop{ cursor: no-drop; }…
-
3
votes3
answers135
viewsProblem with Hover event in Firefox
The following code is to use the event Hover in the first image and change the class of the second. But after testing, it did not work in the Firefox browser, working only in Chrome, Safari and…
-
3
votes1
answer178
viewsSlide Show with Divs
I need to do like a slide show only with news, more specifically a slide show of Divs. And I still haven’t found a way to do that! Could someone help me? Hug
-
3
votes1
answer71
viewsChange font-size by @font-face
It is possible to change the font-size from a source within the @font-face? I’m trying the following: @font-face { font-family: kivetts; src: url(fonts/kivettsregular.otf); } @font-face {…
-
3
votes1
answer45
viewsIs it possible to select all elements with a certain class with CSS only?
I was taking a look at the selectors, and I couldn’t find a way to select all the elements that have a certain class. I tried for example: select[form-control] { } Trying to catch all the selects…
-
3
votes2
answers233
viewsAlign navigation menu in the center
I am trying to align the "drop" menu in the center. Help? THE HTML: <main id="conteudo"> <section id="produto" class="box"> <nav id="drop"> <ul> <li><a…
-
3
votes2
answers1015
viewsHorizontal scroll bar does not appear when using datatable
I have a screen where the data is shown in the following form: When accessing on smaller screens (cell phones, tablets), the datatable appears cut, however the horizontal scroll bar does not appear,…
-
3
votes2
answers1150
viewsHow to make a tutorial first access to the site?
I would like to create a First Access to My Website Tutorial, those that show what each field of the site means, I need a hint of how to do or if there is any Framework for this type of interaction…
-
3
votes1
answer101
viewsDiv’s Auto Dimensionaveís
I’m having a question, I’m creating a page html where I’ll have 3 columns, however the user will resize her any way she wants, however automatically as divs will have to themselves auto adjust! I’m…
-
3
votes2
answers5296
viewsCounter Javascript de clicks
Suppose I have the following counter: <button class="btn btn-primary" type="button"> Curtir <span class="badge"> 4 </span> </button> I want to apply this code below: function…
-
3
votes3
answers1106
viewsButton diagonally only the left side
I have to make a button like this in CSS: I know I can do this by cutting out the image and putting the input as image but I wanted to do it in CSS. I found a way that ALMOST would help me that…
-
3
votes1
answer53
views -
3
votes2
answers3180
viewsWhat’s the difference and when to use Flexbox or CSS Grid?
First we had the Flexbox as a new solution for building and responsive layouts. More precisely on the part of grids. Now there is little time the CSS Grid. My question is: What is the difference…
-
3
votes1
answer111
viewsDiv’s coming and going
I have the following div’s structure <div id="box"> <div id="1">1</div> <div id="2">2</div> <div id="3">3</div> </div> And the following css: #box {…