rounded-corners

How to make rounded tabs with css? [closed]

由 ぐ巨炮叔叔 提交于 2019-12-09 16:09:01
问题 Closed. This question is off-topic. It is not currently accepting answers. Want to improve this question? Update the question so it's on-topic for Stack Overflow. Closed 6 years ago . I'm wondering if it's possible to archive the following effect with CSS I found these articles that kind of help but the problem is that in my case the tab sides are diagonal not straight vertical lines: http://css-tricks.com/tabs-with-round-out-borders/ http://css-tricks.com/better-tabs-with-round-out-borders/

Rounded rect with Gradient color

由 为君一笑 提交于 2019-12-09 12:36:48
问题 I have not really done much programming with Core Graphics. And I tend to stick with QuartzCore now that it does a lot of what I need through the layer property :) However, I have a UIView, which is currently gradient. I'd like to add rounded corners to this UIView and the layer property does not do this when I draw the gradient: - (void)drawRect:(CGRect)rect { CGContextRef currentContext = UIGraphicsGetCurrentContext(); CGGradientRef glossGradient; CGColorSpaceRef rgbColorspace; size_t num

Active window screenshot with Python PIL and windows API: how to deal with rounded corners?

由 末鹿安然 提交于 2019-12-09 08:10:35
问题 For this project, I'm taking screenshots with the Windows API (to deal with multi-screens) and convert it to a PIL image; then I add a shadow around the window if wanted. My problem is, the screenshot is actually of the window's rectangle; meaning I capture the background behind it around rounded-corners and I don't want that. I googled quite a bit and found docs and tuts around transparency, and I'm guessing I should find a way to get the shape of the window in order to make it a mask that I

Clip child to parent element with border-radius

由 不问归期 提交于 2019-12-08 20:51:41
How do I force clip a child to a parent element that has rounded corners. <div class="item" > <div class="top"> <h1>Tile</h1> <h2>Click me</h2> </div> <div class="behind"> <h3>Details</h3> </div> </div> When animating the child, its ignores the border-radius of the parent element. Is there a way to fix the two corners on the top? .item{ text-align: center; cursor: pointer; overflow: hidden; height: 280px; width: 280px; float: left; border-radius: 5px; background: white; margin: 10px; position: absolute; } .top{ z-index: 1; position: absolute; height: 280px; width: 280px; background: #ed844b;

Clip child to parent element with border-radius

由 放肆的年华 提交于 2019-12-08 03:22:11
问题 How do I force clip a child to a parent element that has rounded corners. <div class="item" > <div class="top"> <h1>Tile</h1> <h2>Click me</h2> </div> <div class="behind"> <h3>Details</h3> </div> </div> When animating the child, its ignores the border-radius of the parent element. Is there a way to fix the two corners on the top? .item{ text-align: center; cursor: pointer; overflow: hidden; height: 280px; width: 280px; float: left; border-radius: 5px; background: white; margin: 10px; position

JTextArea Rounded Corners

由 人盡茶涼 提交于 2019-12-08 02:24:09
问题 I want to make JTextArea has a rounded corners, and i did this code : public BPosTxtArea() { super(); setOpaque(false); } @Override protected void paintComponent(Graphics g) { Graphics2D g2 = (Graphics2D) g.create(); g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON); g2.setColor(getBackground()); g2.fillRoundRect(0, 0, getWidth() - 1, getHeight() - 1, 15, 15); super.paintComponent(g); } @Override protected void paintBorder(Graphics g) { Graphics2D g2 =

rounded corners of input elements in IE

由 荒凉一梦 提交于 2019-12-07 16:29:23
问题 is there a way to make rounded corners on elements so that they are visible in Internet Explorer. Currently, I am using curvycorners.js but it only works on block elements... 回答1: I don't expect it to be possible, as IE uses system controls to render inputs. This caused a lot of errors during last 10 years. If there is such a way - it must be a nasty hack I suppose ;) But have faith - I can help You with the simplest idea ever! <div class="corners"> <input type="text" style="border:1px solid

Styling Twitter Bootstrap Modal Close Icon

由 人走茶凉 提交于 2019-12-07 02:32:51
问题 I'm trying to do some styling on Twitter Bootstrap modal close icon. This is the CSS I'm using: .modal-header .close { float: right !important; margin-right: -30px !important; margin-top: -30px !important; background-color: white !important; border-radius: 15px !important; width: 30px !important; height: 30px !important; opacity: 1 !important; } It works pretty good on Chrome / IE, however sometimes on Firefox I get strange behavior (image is attached). Is there additional CSS rule that I

How does one eliminate the rounded corners on the main window on an iPad app?

由 一笑奈何 提交于 2019-12-07 02:05:35
问题 I have seen some iPad apps that fill the screen (e.g. Stanza) or have squared off corners under the status bar (e.g. the iPod player has square corners at the top; can't tell at the bottom). Anyone know how this is done? It seems that, by default, the top-level UIWindow has a clipping region applied, as any subviews I place in that window get clipped off in those corners. If that is the case, is there a way to get rid of this? BTW, the clipping only seems to be there on the iPad, not on my

How to implement “Rounded Corner on hover effect” in IE?

由 纵饮孤独 提交于 2019-12-06 09:19:07
问题 I want to create a link with the rounded corner effect. However, the rounded corner effect will show while hover only. By using CSS3, it's working fine on mozilla, chrome and Safari, but not in IE. Here my css a { color: black; background-color:#ddd; text-align: center;font-weight: bold; width:110px; height:25px; padding: 10px; text-decoration:none; } .abc:hover { background-color: lightblue; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; } Here my html <a href="#
订阅 rounded-corners