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
-
5
votes4
answers844
viewsHow to Make Material Design Style Button Only with CSS
On Android and on design system Material Design is common to see this button they call Ripple Buttom. https://material-components.github.io/material-components-web-catalog/#/Component/ripple But it…
-
5
votes2
answers257
viewsBehaviour of the pseudo-class :Nth-Child
Unfortunately the question marked as "possible duplicate" (and its responses) address something else, specifically the functioning of variable n in formulas passed in the :nth-child(), which neither…
-
5
votes1
answer98
viewsMount CSS from Image
I have the image below that shows a form HTML. I wanted to make that effect in the form but I couldn’t. Can someone help me? Follow my lead. body { font-family: 'Roboto', sans-serif;…
-
5
votes2
answers68
viewsHelp with flexbox
I’m struggling to do this with flexbox. With float was very easy as it organizes easily. .slider > div > img { width: 100%; height: 100%; } .slider > div.item-1 { width: 60%; height: 500px;…
-
5
votes1
answer268
viewsHow to make filter Blur pick up the whole element. Prevent Blur from ending before the end of the element background
I have a div who is with filter:blur(), but I noticed that the blur means it is inside the element. What I mean is that when you reach the box-model boundary the image of background begins to…
-
5
votes1
answer1295
viewsMake a DIV push the rest of the content down
Everything all right? I have a question here, but I wanted to understand, not just ask people to do what I need to do. I will try to explain: I have a button to add lines of text. Below this button,…
-
5
votes1
answer753
viewsWith CSS is it possible to make a triangle with curved edges?
My intention is to get into this form. Only with CSS without SVG. Does anyone have a solution to this? The code I have so far is this. #tri { width: 0; height: 0; border-top: 0px solid transparent;…
-
5
votes1
answer40
viewsHow to scroll with 3 Divs
I’m facing a scroll problem .div-pai { margin: 30px; background-color: red; width: 300px; height: 300px; padding: 3px; overflow: auto; } .linha { padding: 5px; background-color: yellow; display:…
-
4
votes2
answers447
viewsjQuery who changes div background specifies
I need a help with the following problem, I have the following HTML, which is part of an acordion <div id="accordion2"> <h3 class="btn-sub-main"><a>Banho</a><div…
-
4
votes2
answers11327
viewsIframe view of PDF
It’s been a while since I’ve been looking for how to view PDF files in an iframe or div on the page itself, instead of opening in a new one and using Adobe Reader. Only the problem is that the files…
-
4
votes2
answers465
viewsWindows Phone does not load . font in CSS
I’m making an HTML5 application Responsive, using Bootstrap and Smartadmin, etc. Works on all devices. Including Internet Explorer 8, 9, 10 and 11 but on Windows Phone 8 (with the latest update that…
html5 css3 twitter-bootstrap windows-phone css-font-faceasked 10 years, 8 months ago Dorathoto 7,426 -
4
votes1
answer216
viewsIE does not show CSS gradient and font-shadow effect correctly
Can anyone help me? I can’t get IE to accept the gradient effect, load the font and use the font-shadow below. In fact, IE is not loading anything other than text with a generic font (no…
-
4
votes1
answer184
viewsAnimation of div, without CSS3 for future position
I have a so-called product gallery, with Ivs lined up using {display: block; float: left;} I made some Divs disappear depending on the menu selected using fadeOut() and reappear with fadeIn(). I…
-
4
votes2
answers208
viewsHow to change the style of superior brothers?
I have a parent element (div#workarea) that has four children: figure#start, p#first, figure#start2 and p#second: <div id="workarea"> <h1 id="title">Área de Testes</h1> <figure…
-
4
votes1
answer1198
viewsCombobox ( select ) extended option
I have a select with a "width" defined, however, there are some cases where the "option" is too long, end up cutting the selected option as the image: Customer complained from that point, a…
-
4
votes1
answer704
viewsDetermine maximum height of a column title in Primefaces
I would like to know if it is possible to do the following: I need in a datatable define a maximum height of a column. Because there are some that the text gets too long and the column value is a…
-
4
votes3
answers4578
viewsCreate a comic balloon-like div
How can I create a div with the appearance of a comic balloon (I don’t know if this is the best expression). Goal: Reality: *Please ignore fonts and colors in question, the focus is tip of the div.…
-
4
votes2
answers1970
viewsWhat is the relativity of the rem unit?
I have the following style sheet: html{ font-size: 16px; margin: 40px; padding: 32px; } p{ font-size: 1.5rem; padding: 2rem; margin: 1.8rem; } I know that the source of my paragraphs will be 24…
-
4
votes2
answers432
viewsReferences for learning web programming
Which websites can I check to start studying web programming? I’m a beginner in the subject.
-
4
votes2
answers404
viewsApp style in pure CSS3 breaks while running on Android
I’m making an app with Cordova + Sammy.js and CSS3 pure. I can make the app perfectly responsive and with all styles working on Chrome and Firefox. It turns out that when I "build" on Ordova and…
-
4
votes1
answer2703
viewsFixed sidebar layout on bootstrap
I’m wanting to make my website the following way with Bootstrap I’ve tried every possible way to make it nice and responsive and I couldn’t! Can someone give me a light on how to make this layout…
-
4
votes4
answers1730
viewsHow to display "Update your Browser" warning when it does not support HTML5?
How to show the warning "Update your Browser" when the user browser does not support HTML5 tags or CSS3 properties? One initiative that encourages this is the website…
-
4
votes2
answers422
viewsIs it possible to combine first:Child with :Hover?
It is possible to use these two pseudo-classes together? I have a <ul> and I want the first <li> when passing the mouse has a different property. I imagine it would be something like: ul…
-
4
votes3
answers1551
viewsKeep the height of a div block proportional to its width
Hello, I have a block div in the form of a vertical column of indeterminate width and height, as they depend on the amount of content and the device, and I want inside it to have another block div…
-
4
votes1
answer8087
viewsHow to make an image rotate
need to make an image rotate infinitely with only HTML and CSS it is possible if yes how it can be done.
-
4
votes1
answer650
viewsBootstrap 3: left tabs no longer work?
Hello, this following code no longer works on Bootstrap 3? <div class="tabbable tabs-left"> <ul class="nav nav-tabs"> ... </ul> <div class="tab-content"> ... </div>…
-
4
votes1
answer262
viewsTimeline effect
I wonder if there is a plugin for the same effect as that site here: http://www.popupdesign.com.br/servicos/ In the part of how it works, it has a kind of vertical ruler.…
-
4
votes1
answer461
viewsHow to use Helvetica font or other on a website, and make appear any PC?
I’m having font problem on a website, I’m using Helvetica, but on other Pcs that do not have this source it does not appear. How to make everyone see with this source?
-
4
votes2
answers4779
viewsResponsive font as screen size is adjusted
I have a responsive website only the lyrics even putting in %, Rem or EM is not adjusting. Then it is possible to make the font change for example a window with the length in 1000px and font-size in…
-
4
votes1
answer202
viewsScript to mute my site (game)
I have a project in localhost (little game in HTML 5, JS and CSS), at the bottom of the game plays a song, I can’t make the button to turn off the sound work, anyone knows any article teaching or…
-
4
votes1
answer3081
viewsHow to customize buttons for social networks?
I wanted to know how to customize the buttons to share something on some social network. In web there are already the default buttons but I wanted to customize them just using CSS. I plan to do like…
-
4
votes5
answers364
viewsHierarchy between CSS styles
I’m studying some more efficient ways to style an app using themes. My idea would be to use something like this: <div class='tema-1'> <button class='btn btn-primary'>botão…
-
4
votes2
answers5048
viewsHow to make a progress bar with steps?
How could I make a step progress bar using Html5, css3 and js? An example to clarify what I need to do: I prefer to do it from scratch, but is there any library ready for it?…
-
4
votes1
answer137
viewsPerformance CSS (CSSOM and selectors)
Considering the assembly of CSSOM by the browser and parser (read) given right to left. I would like to play a question, because I was writing a css in a project and always have with me for…
-
4
votes2
answers1718
viewsHow to place two Ivs next to a container?
How do I place two Ivs, one on the left and one on the right side of a container with the bootstrap? Since you would like the side Divs to increase in size depending on the screen.
-
4
votes2
answers481
viewsHow to put responsive Ivs regardless of height size?
I have a Bootstrap project with 4 Divs on each line, side by side behaving responsibly. Each of the Divs has a certain content. The width of the images will be fixed but the height will not. If one…
-
4
votes2
answers1004
viewsHow to put » and « in :before?
I need to put one » » and a « « in the attribute :before of a given, element. How do I do this in CSS? ul.breadcumb > li:after{ content: '»'; /** Isso aqui não funciona…
-
4
votes2
answers191
viewsCustomization scroll bar
Today, can we use CSS only to change the customization of the scrollbar of a DIV? If yes, how can I do it. Otherwise which script is best and how to use it?
-
4
votes2
answers2611
viewsIs it possible to place a 'pre-image' in the youtube iframe?
I embedded a Youtube video on this site: http://aresdapraca.com.br/ I would like to put an image over the video when it is paused at the beginning. I already did this but it was with the tag…
-
4
votes2
answers541
viewsIs there a list of all properties that need prefixes?
I have a question about CSS: To run in different browsers you need to use the prefix before the property, for example: -webkit-boder-left-rarius: 3px;. But which CSS Styles as border, margin,…
-
4
votes1
answer1864
views -
4
votes2
answers116
viewsHow to add font to a select?
I have the following link: <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800">…
-
4
votes1
answer8851
viewsHow to center a Modal Box Horizontally and Vertically with CSS3? Is it possible?
Man Modalbox(.modal-fade on Boostrap), is appearing at the top of the page! I can center it on Horizontal and Vertical using only CSS3? If yes, what would be the right way? Follow the code of my…
-
4
votes3
answers788
viewsHide description with ''Display: None " bad for SEO?
I have some links on the site and I will add a description to each of them, and hide the description, but I doubt if hide with display: none is bad for SEO. See how I intend to do <li><a…
-
4
votes4
answers2615
viewsDrawing with CSS
Is there any way to draw a sheet like the image below, using CSS ?…
-
4
votes1
answer98
viewsHow to put signals between <td>
How I can place signs or images, in the middle of the edges of a table, as in the image?…
-
4
votes1
answer644
viewsIncomplete Edge
I need to make an element with this kind of edge. I did not find anything anywhere that would decrease the size of the border. I found and know just about the thickness.…
-
4
votes3
answers267
viewsMeaning of the term "Fluid Layout"
In research, I came across a series of articles talking about Design fluido.But most without clear explanations. I want to know what that means in development Frontend?…
-
4
votes1
answer280
viewsHow does the Position property work?
I’ve read about the property position, but still can’t understand its purpose. Values absolute and relative didn’t get into my head. I also wondered when I should use this property.…
-
4
votes1
answer1028
viewsHow to convert px to vh and vw in Javascript?
I want to convert px to vh and vw in Javascript, how can I do this? example 23px = response vh or vw