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
answers124
viewsRegistration form
I’m making a registration form and I don’t know how to proceed in this case: The form has mandatory fields, if the user clicks "OK" without one of these fields being filled, returns a message asking…
-
0
votes0
answers42
viewsDifficulty with responsive videos
I am developing a project for own study, thus creating the navigation pages of the same ended up finding a difficulty in responsiveness with videos since until the width 992 everything goes well…
-
0
votes3
answers92
viewsAlign vertical giving error!
how do I make the image and link below align to the center vertically? The image and the online link, and this line, aligned vertically to the center (Middle) in relation to the div login I tried…
-
0
votes1
answer2187
viewsHow to flip an image with CSS?
I have a problem with CSS. I tried to rotate an image with CSS so that it was left aside, it worked in Firefox but not in Safari. Follow the code used to rotate the image: .body-element-p1{ top:…
css3asked 6 years, 9 months ago Heitor Serafim Alvares 1 -
0
votes1
answer114
viewsUse of Side Navbar Materialize CSS
Good night, I am creating a crud and using materialize on the front, as I am beginner I am with a small problem, how do I "link" the side sessions? like, when clicking on products has to appear…
-
0
votes1
answer189
views:Hover does not work
I had already used something similar for a background image, but now for the buttons on my site it is not working anymore. nav#menu li:hover { display: inline-block; transition-duration:0.3s;…
-
0
votes3
answers351
viewsPut sub-menu under the right li
.menuAbrir, .menuFechar { display:none; } .menuPrincipal li { display:inline; position: relative; } .menuPrincipal li a{ display:inline-block; vertical-align:middle; text-align:center; width:115px;…
-
0
votes1
answer425
viewsAlignment with flex box
I need the image to be positioned on the left until the menu activates its " responsibility " ( and then it normally becomes ), but I tried to add it in another field but the menu broke, I tried to…
-
0
votes2
answers260
viewsHow to make @media print ignore @media max-width
I have a problem in my css that is generating a "mobile" layout at the time of printing, I have a @media max-width that makes my site responsive, however I would like to ignore it on @media print…
-
0
votes1
answer200
viewsButtons positioned at the bottom of the page go up when the mobile keyboard appears
I am developing a responsive page that has at the beginning a search field and at the footer two buttons with absolute positioning, on mobile devices after clicking the input the keyboard is…
-
0
votes1
answer1473
viewsStylize the native HTML5 video player
Is there any way to style the native HTML5 video player? If so, how? Note: I do not create my own player because it is only a basic change.
-
0
votes2
answers1109
views -
0
votes1
answer358
viewsChange placeholder opacity when Focus input
I need to change the opacity of the placeholder when input in Focus but not getting in Sass Html <input type="text" name="search_cursos" id="search_cursos" placeholder="Procure a vaga que deseja"…
-
0
votes1
answer283
viewsChanging the width of the screen makes disappear horizontal scroll bar
Follow the example in jsfiddle: https://jsfiddle.net/DTcHh/31217/ Follow the image of the problem: Follow the image as it should: Browsers tested: Google Chrome Version 57.0.2987.110 (64-bit): Does…
-
0
votes0
answers107
viewsMy menu appears all broken in Safari browser
Good morning, I developed a website and when I open in Safari browser iphone and on Macbook it presents me all breaking... the li appears one below the other, in the mobile part when I open the menu…
-
0
votes1
answer514
viewsText break within select html Options
I’m trying to break the text into the option or simply decrease the size of the modal (dropdown) of the select, but I can’t. Has anyone made it? how to proceed in this, I’m stuck with system in…
-
0
votes2
answers514
viewsDisable calendar in mobile date field
I am developing an HTML5 site and would like to know if it is possible to disable the date field calendar on mobile, forcing the user to type.
-
0
votes0
answers42
viewsLoading page elements, including text and not only images as in lazyload
It may sound like a stupid question, but how do I load this type? Does it have a specific name? Load the texts together.…
-
0
votes1
answer89
viewsHow to replace * selector in production
Then, when using the * selector to reset the margin|padding general of HTML Csslint points out that in production can give bottleneck to the user. *{ margin:0; padding:0; } For me the "solution"…
-
0
votes1
answer46
viewsProblem with div size when scrolling the page
Well I’ve developed an effect that diminishes the height of mine div when I scroll on the page but when I use the scroll the effect usually occurs more when I go up the page to div does not return…
-
0
votes1
answer755
viewsPlugin to change custom profile image
Is there a plugin that from this effect + modal to exchange photo ? Or is it all done in CSS :…
-
0
votes0
answers44
viewsProblem loading fonts when uploading the site to the server
I am using some fonts that I have stored inside a folder on my system. When I run the system locally there is no problem, but when I upload the server to the server (Amazon) the sources stop being…
-
0
votes1
answer86
viewshtml and css, link selector through anchors, with next and Prev arrows
Could someone give me a hint on how to make a link selector through anchors, with forward and backward arrows, similar to the one in the image there?? because I only know how to use anchors through…
-
0
votes0
answers59
viewsHelp with responsive bootstrap
I’m developing a website with bootstrap. The site is already ready for desktop, but I’m having a hard time making it responsive. On the site I have several Ivs, one below the other. When I decrease…
-
0
votes2
answers320
viewsAnimation in CSS is executed but when it starts again it does not repeat
The animation slide-in begins in the margin-top:0%; width:100%; and ends in the margin-top:300px; width:100%; then what this animation does is to scroll down the text that is written. But right…
-
0
votes1
answer124
viewsfooter positioning!
I am unable to position my footer, besides that it is accompanying my widget. how can I position it correctly? codes below: body { margin: 0; padding: 0; font-family: helvetica; font-size: 12px; }…
-
0
votes2
answers35
views -
0
votes0
answers19
viewsUsing "target" navigation anchors and browser history getting crowded!
I’m using Ancoras in a slide application in its proper back and forth arrows, but every click on the anchored arrows with links of the positions and images set in my directory, will store a content…
-
0
votes1
answer620
viewsMaterialize.css insert icon over a card image
Hello, I have some cards in materialize.css that I would like to insert over the image (.card-image) a specific icon (in the example the video icon), but I’m not getting it. <div…
-
0
votes1
answer292
viewsProblems with slide Owl-Carrousel
I am developing a site and I am using Owl-carrousel2 but I have a problem with the option nav would like it to appear on my site I simply on js I add this Lina nav:true only that even so it does not…
-
0
votes1
answer42
viewsmultiple images with wysiwyg editor
I’m using a wysiwyg editor to generate text content for dynamic blog pages that I’m doing. How it would be possible to add multiple images in the texts, positioning them in a certain place of the…
-
0
votes1
answer60
viewsResponsive Website with jQuery
Guys I’m in doubt is better to make responsive website using media queries or jQuery?
-
0
votes1
answer4481
viewsFlex line break
I have a list of videos that I display on my screen dynamically with java script. It’s a div tag that has the videos class. However the list does not break line when the size exceeds the size of the…
-
0
votes1
answer517
viewsHow to close responsive menu by clicking an item and changing the iframe in an html file?
I’m using a file index.html that on a wide screen appears all menu items, but when resized to a smaller screen (max-width: 640px), the menu bar becomes an icon where when clicked appears the menu…
-
0
votes1
answer228
viewstriangle effect in div with css3, how is it?
wanted to know if you have how to leave a similar div with that effect, if you have how someone can give an example? I have no idea where to start…
-
0
votes1
answer293
viewsGive effect to the image and the re-colored Hover
I don’t know if it’s possible. I tried it with mix-blend-mode, filter, but it doesn’t work. It would be possible for an image to start with a layer of gray and on top, a layer of green. When passing…
-
0
votes1
answer1194
viewsHow to adjust picture in container
I have a 1220x780 image and I want to put it in a 341x192 container, how do I make it appear adjusted, centered, in "miniature", I’m using max-width: ; max-height:; width: auto; height: auto; But it…
-
0
votes1
answer57
viewsHide a HTML5 and CSS button when on Smartphone
I made a responsive web application, which when you arrive at Checkout has two buttons: Print and Save. Only that the user (customer) on the smartphone clicks to print, even if there is no printer.…
-
0
votes0
answers360
viewsHow to use Addeventlistener() in vueJs
I’m doing a function of my project and need to use the event addEventListener() but you’re making a mistake: excluirVariante:function(v){ console.log(this.$el.querySelector('#op_nao'));…
-
0
votes1
answer210
viewsFix DIV between the head and footer of the page
Good people I have a div that gets fixed when scrolling the page, but I want it to scroll back with the page before it gets to the footer. The code below makes that when reaching the 300 of the…
-
0
votes1
answer215
views -
0
votes0
answers46
viewsHow do you style select that way?
How do you style a select that way? the designer is using the Bulma framework in this project but I did not find models of this select in the documentation, I tried to develop here but it was not…
css3asked 6 years, 4 months ago Gabriel Francisco Santana Sant 69 -
0
votes1
answer58
viewsFade effect on text when scrolling page
I would like to apply an effect when scrolling the text of a div, similar to the effect below (which I stole from a website): PS: Run as fullscreen; body { background: #f8fafc; font-size: 20px;…
-
0
votes1
answer65
viewsProblems in Pseudo Class Nth-Child(n) CSS3
I’m trying to do in CSS3 with Nth-Child() the famous "color yes, color no" in a list made in Foundation 5. It happens that in the middle of the list there will be a div in which will be a modal and…
-
0
votes2
answers403
viewsResponsive HTML without framework
Good evening, I need to create a layout with two columns and insert data into the columns using HTML 5 and CSS3 responsibly without using any framework. I’m terrible with layouts and a simple…
-
0
votes1
answer63
viewsFixed navbar after second Section
The code is breaking here in stackflow, but anyway, I’m trying to make the navbar scroll with the page until the beginning of the second section where it gets fixed, but I’m not getting, even if in…
-
0
votes1
answer1016
viewsDoubt on how to shrink/Collapse one menu by clicking the other
I have a question on the following item, I created a Sidebar with menu in bootstrap, but I wanted to click one, the one that had opened shrink. Example Code done so far: codeply /* DEMO STYLE */…
-
0
votes0
answers80
viewsAdd Next and Previous buttons embedded in HTML5 Video Player
I’m looking for a way to do something that Youtube has in their app, however, in an HTML5 video player using only HTML, CSS and Javascript/Typescript. Look at: I already have all the code and logic…
-
0
votes1
answer882
viewsDecrease page size for printing
I made a function that printed a div for me, but I need it printed in tonner size. This is the code: $('#imprimirComprov').click(function () { var conteudo =…
-
0
votes2
answers2600
viewsHow to make a responsive image with CSS?
I’m using css to make the image article.noticiaprincipal responsive, but in addition to not working disorganizes the later elements. CSS article.noticiaprincipal{ float: left; width: 885px; /* 885px…