Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [css]

Questions about Cascading Style Sheets, commonly referred to as CSS. Ask anything related to implementing styles, effects or graphic-design-specific tasks. For questions about implementing structural elements or anything completely unrelated to the aesthetic look, please go to Stack Overflow.

0
votes
1answer
30 views

Free image for the “grab” cursor for IE11

I am looking at this question and its answers, and it seems the only legitimate way to implement a grab cursor in IE11 is to use an image like this: cursor: url(images/grab.cur); Browsing the ...
0
votes
0answers
90 views

Port From Adobe XD to HTML / CSS / JS to use in Visual Studio

just downloaded the Adobe XD and i think i am going to love it. I just have a problem Exporting it from Adobe XD into HTML / JS / CSS and port it to my code in Visual Studio, so i can do WebForm. How ...
0
votes
1answer
62 views

Combining serif and sans serif font with matching x-height

I have a simple web page which uses a serif font and a sans serif font; both are set with font-family: serif and font-family: sans-serif respectively. With these settings I would expect that a well ...
0
votes
1answer
35 views

List all hues used on a webpage or an application

I read How can I find out what RGB colors a website uses? and know how to spot a color on the website. There are several plugins available, and this topic is beaten to death on above stack page. ...
2
votes
2answers
129 views

Convert Illustrator drop shadow to CSS

How would the CSS values of these parameters: Look like in CSS? I'm curious if there is way to convert these values also for future projects.
-1
votes
1answer
46 views

Question on graphic designer positions in which one needs to know even HTML and CSS [duplicate]

About graphic designer positions where it needs to know HTML and CSS, what are all the projects one needs to be able to do with HTML and CSS in order to be employable?
0
votes
1answer
42 views

Suggestion for learning method [closed]

Currently I am studying graphic design, in my personal time am learning Html and Css, and I want to learn UX. What should I do? To stick with html and css and those are enough or learn a UX software?
1
vote
1answer
76 views

Comic style scheme

I would like to build a scheme in comic style. I found the CSS markup that I like (https://codepen.io/mp/pen/ldAFs) It seems like the following tags do the job border-width: 3px 4px 3px 5px; ...
1
vote
2answers
145 views

Why is the media query pixel half the spec pixel value?

I have an iphone 6 which has a pixel width of 750px according to: https://support.apple.com/kb/sp705?locale=en_US However when working with media queries in an RWD debugger the width is 375px which ...
0
votes
1answer
686 views

Changing the background color of PNG Image while keeping search button in white color instead of grey color [closed]

I have the search button image on my site which has black background and grey search button and this is PNG image with the following code in stylesheet.css .topsearch .btn-search { width:29px; ...
-3
votes
1answer
38 views

Stubborn unaligned input field [closed]

theredarmy.ca Unable to properly align: Full name input field Even tried via: Position: absolute; No luck. Any idea besides the obvious?
0
votes
1answer
416 views

CSS equivalent to Adobe XD's “Background Blur” feature?

Developing a page based on an Adobe XD comp. Since Adobe XD doesn't let you export CSS, I've been hand-coding each element's CSS attributes. I'm trying to figure out what would be the CSS ...
0
votes
2answers
353 views

Use CSS cubic-bezier for keyframes in After Effects?

I'm really new to After Effects, and I am used to creating CSS animations. I want to animate something in After Effects, and I know how to set the animation except for the timing function. I've used ...
0
votes
0answers
46 views

Mesure lineheight and margin bottom in one Photoshop textfield

What is your approach for measuring the lineheight + margin in a Photoshop file where the text is in one textfield. So H1, h2, h2-sub are all in one textfield. What is the fastest way for this, when ...
0
votes
0answers
121 views

Copy CSS Attributes does not work in Sketch with Material plugin components

In sketch I have created a button from the Material plugin components. When I right click the button and chose "Copy CSS Attributes" and then paste I just get an unhelpful comment and no css ...
1
vote
1answer
1k views

Some fonts in Inkscape don't display in Inkscape

I've noticed that some fonts don't display properly in Inkscape (0.92.3). Take Lato for example (downloaded from fontsquirrel). It contains 9 different weights (excluding Italics). Some display fine, ...
0
votes
1answer
140 views

SVG for Web — possible to use clipping via CSS without a clipPath?

I'm not too well versed (yet?) in using SVG for the web. What I do know is that simple shapes are better than complex paths, if at all possible (due to simple points versus pathing points). Because of ...
-1
votes
0answers
51 views

Screensize vs viewport – what canvas size should I use / choose?

ScreenSize (layout viewport) – interpretated as background, which user can observe the moment browser window loads content, including scrollbar (17px for Chrome) oriented vertically on the right side ...
1
vote
1answer
429 views

Use an svg as clipping mask for div

I would like to use a svg as a clipping mask for a div, so that where the svg is placed you see the fixed background. I tried to explain it here: The size of the svg should depend on the screenwidth. ...
3
votes
1answer
79 views

How to create complex CSS structures? [closed]

How do companies like Google, Facebook maintain their CSS files? I have looked at some of them and they are really huge, even with their names all scrambled? How do they manage to create so complex ...
4
votes
1answer
165 views

What are some classic decorative typography techniques?

I'm working on a website, and I'm using a drop cap/initial letter for the text body. I find this technique to be very eye-catching and beautiful to look at. Does anyone know any similar simple, ...
-2
votes
1answer
103 views

How can i learn to create complex UI and graphics on my website? [closed]

I have been scrolling through dribbble and i could see very impressive web design shots, so far i just create basic looking websites but i would like to improve on my UI with a bit of graphic design. ...
2
votes
1answer
1k views

Convert svg linear-gradient to CSS linear-gradient (Adobe XD)

I was given an Adobe .xd file for a website, which needs to be created in WordPress. Part of the design are linear-gradients (as borders of images for example). My problem is, that I can't seem to ...
0
votes
1answer
533 views

Why is my img leaving a 1px unfilled space in a table cell?

I am writing some html to go in a mail to be sent to internal users programatically. They all use Outlook 2016. (Coding for Outlook is horrific, as simple things like CSS backgrounds don't work. As ...
3
votes
2answers
4k views

Website to extract fonts and colors from other sites

I'm looking for a website where you can type in a URL of a site and then the website extracts all the used font-styles and colors used in this particular URL. The result looks like a kind of ...
-1
votes
1answer
46 views

Web page top margin when different fonts are in different columns

I have a web page with two columns: The narrow left column is a vertical navigation bar with a small (or ordinary) sized font The main right column contains the content, which has a mix of fonts (e.g....
0
votes
1answer
192 views

Convert PSD to SVG and add white path to a colored image

I have a coloured logo that I have created in photoshop. I would like to export this to SVG, however, I also need to add a white path to it so that I can use CSS to display it in white on some ...
-3
votes
1answer
2k views

Cut square diagonally with inside content with CSS

I am trying to do some thing like this in CSS... I have tried using the border-bottom and border-top but when I add text inside, something like "1 new" or something else it doesn't fit in that ...
1
vote
0answers
159 views

match font Metrics Ascend/Descent with General Ascent/Descent

Browsers display an additional spacing around the text elements. Refer to this question to see it in action. How much spacing it is added, is determined by HHead Ascent and Descent values as stated ...
6
votes
1answer
2k views

Inkscape: after bitmap trace, break shapes into own paths (for css animation)

I've got this very simple b&w svg that was created from a bitmap trace in inkscape (below is the png original, it doesn't allow svg uploads?). My end-goal is to have each black shape in the image ...
0
votes
1answer
303 views

how to scale artwork and content from mm to pixels

i'm making a template of a ticket of 80mm for a web app in Illustrator CC 2017, but now realize that when i go to export>save for web, the size of the artwork and content change to pixels, but not ...
-1
votes
2answers
395 views

Creating interactive images/videos with links for website?

I am curious on how websites create interactive videos and images with links for websites? Is this accomplished with flash and if so any recommendations on software to use to create basic pages like ...
0
votes
1answer
160 views

Is there an HTML/CSS version of the StarCraft 2 Menu buttons?

I am building a webapp and I want to modify one of the StarCraft menu buttons to add them to my webapp, (StarCraft is a Blizzard Entertainment Game). This is an example photo of one of the menu pages ...
0
votes
1answer
81 views

CSS for HTML in photoshop

Is there any way to load html page to photoshop and make css for it in photoshop ? Or is there any other graphical program to make css not just by writing code ?
0
votes
1answer
54 views

Does Illustrator CSS Extraction work on psd files?

I have a .psd web design mockup I'd like to bring from Photoshop into Illustrator CC and use the CSS Extraction functionality on. Is this possible, or must the file have been created in Illustrator ...
1
vote
2answers
123 views

How do I go about choosing image height on a background-cover div?

I have a slider on my page with the property background cover applied so it fits the whole thing. The slider also has a 50vh fixed height. The background always ends up cutting things from the image ...
-1
votes
1answer
56 views

What is the best shade of grey for hovering over black? [closed]

What is the best shade of grey for hovering over black in a Middle-age-themed website. Preferably, answer with the exact 16-bit name.
-4
votes
1answer
225 views

.class selector syntax Is NOT valid.. What is the new valid form for CSS .class selectors?

So... I'm a newbie in CSS and just a moment a go I discovered something wierd! This is the code i wrote... li.list { float: left; } ... but it did not work. If I am being to unclear let me explain.. ...
1
vote
1answer
2k views

How to create an SVG path reveal animation in Illustrator

Handwriting: SVG animation CodePen Ex: 1 Handwriting: SVG animation CodePen Ex: 2 I'm trying to learn how the above "handwriting" effect was achieved using SVG paths and CSS. I've been looking at ...
1
vote
1answer
151 views

Browser Scaling vs GIMP--I Can't Match Sharpness

I am attempting to scale down a logo that contains text. Original size is 336 x 336 and wish to scale down to 75 x 75. No matter what settings I use in GIMP, the image comes out pixelated with ...
2
votes
2answers
863 views

Font viewer for Windows (a Character Map alternative) with CSS

I have a strong need in a Windows utility like Character Map with a feature of showing CSS classnames for the characters. That's because I use icon libraries e.g. Ionicons or Font Awesome in my ...
0
votes
1answer
106 views

What would cause a Hex and RGB value to differ between online and photoshop?

style { background-color: rgb(224,224,195); } Should be the same as: style { background-color: #f4e0c3; } According to Photoshop which I checked a few times: But when I use the RGB value in my CSS ...
1
vote
2answers
3k views

How to create a fade effect with CSS on background with an image on top of it?

How to create a fade effect with CSS on background with an image on top of it? I'm trying to replicate the image slider on https://www.masterclass.com/
0
votes
1answer
350 views

font size issues in PSD files

I have some PSD files which has a lot of text in it. Every text has different font sizes and when I am trying to put those font sizes in my HTML and CSS, its not looking exactly the same as in PSD. ...
-2
votes
1answer
72 views

How can I use AdellePE Bold font in css?

I have a text whose font-family is AdellePE Bold I am wondering how can I use it in our CSS? .blog-text { position: absolute; top: 200px; font-weight: bold; left: 100px; color: ...
0
votes
1answer
128 views

drop shadow for menu header in css

I have a menu header: The drop shadow effects of it as present in the adobe photoshop are: Blend Mode: Multiply Opacity: 0.25 (25%) Distance: 3px Spread: 15% Size: 9px Color: #282829 I am trying to ...
0
votes
1answer
1k views

font-family: “ITC Avant Garde Gothic” not working in CSS

I have a text from an image whose font-family is "ITC Avant Garde Gothic" I tried putting this font-family in my CSS but unfortunately I cant see any change. I am wondering, do I need to add ...
1
vote
1answer
411 views

Opacity and fill in css [duplicate]

I am working on an image on the adobe photoshop. The opacity and fill value of it on the photoshop are 100%(opacity) and 57%(fill). I am wondering how can we convert these values in CSS ?
1
vote
1answer
316 views

Multiple backgrounds like with CSS3 in Illustrator

How can I create the same effect with Illustrator as with following CSS: background: linear-gradient(#5d7aa4, transparent) fixed, linear-gradient(-45deg, #ff0068, transparent) fixed, ...
-2
votes
2answers
973 views

How to use Indian currency symbol in HTML? [closed]

I need to use the Indian Rupee symbol on a web page. I have applied the code ₹, but the output is ₹. How to display Indian Rupee symbol on a website as text?