タグ付けされた質問 「shadow」

12
要素の片側にボックスシャドウを追加するにはどうすればよいですか?
一部のblock要素にボックスシャドウを作成する必要がありますが、(たとえば)要素の右側のみに作成します。私はそれを行う方法を用いて、内側の要素をラップすることであるbox-shadowと外側のいずれかにpadding-right及びoverflow:hidden;影の他の三つの辺が見えないように。 これを達成するためのより良い方法はありますか?好きbox-shadow-right? 編集:私の意図は、影の垂直部分のみを作成することです。repeat-yルールbackground:url(shadow.png) 100% 0% repeat-yとまったく同じです。
445 css  shadow  box-shadow 

19
Androidの「高度」に影が表示されない
ListViewがあり、各リストアイテムの下に影を表示します。私はAndroid Lollipopの新しい標高機能を使用して、影を落とすビューにZを設定し、ActionBar(技術的にはLollipopのツールバー)でこれを効果的に実行しています。Lollipopの標高を使用していますが、何らかの理由でリストアイテムの下に影が表示されません。次に、各リストアイテムのレイアウトを設定する方法を示します。 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:orientation="vertical" style="@style/block" android:gravity="center" android:layout_gravity="center" android:background="@color/lightgray" > <RelativeLayout android:layout_width="300dp" android:layout_height="300dp" android:layout_marginLeft="40dp" android:layout_marginRight="40dp" android:layout_marginTop="20dp" android:layout_marginBottom="20dp" android:elevation="30dp" > <ImageView android:id="@+id/documentImageView" android:layout_width="match_parent" android:layout_height="match_parent" android:scaleType="centerCrop" /> <LinearLayout android:orientation="vertical" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@color/alphared" android:layout_alignParentBottom="true" > <appuccino.simplyscan.Extra.CustomTextView android:id="@+id/documentName" android:layout_width="match_parent" android:layout_height="wrap_content" android:textColor="@color/white" app:typeface="light" android:paddingLeft="16dp" android:paddingTop="8dp" android:paddingBottom="4dp" android:singleLine="true" android:text="New Document" android:textSize="27sp"/> <appuccino.simplyscan.Extra.CustomTextView …


9
1つを除くすべての面にCSS3ボックスシャドウを作成する
開いているタブに他のタブと区別するための影を付けたいタブ付きナビゲーションバーがあります。また、タブセクション全体に単一の影(下の水平線を参照)が表示され、開いているタブを除くすべてのタブの下部が陰になるようにしたいと思います。 CSS3のbox-shadowプロパティを使用してこれを行いますが、必要な部分だけをシェーディングする方法を理解できません。 通常、開いているタブの下部の影をコンテンツ領域(高いz-index)で覆いますが、この場合、コンテンツ領域自体に影があり、タブを覆い隠すだけです。 タブのレイアウト _______ _______ _______ | | | | | | ____ | _______ | __ | | __ | _______ | ______ シャドーライン。 影は水平線から上がり、垂直線の外側になります。 _______ | | _______________ | | _________________ これがライブの例です: 天才、助けはありますか?
115 html  css  shadow 

7
UIViewにドロップシャドウを追加する最良の方法は何ですか
互いに重なっているビューにドロップシャドウを追加しようとしています。ビューが折りたたまれて、他のビューのコンテンツが表示されます。このview.clipsToBoundsため、ビューを折りたたむとコンテンツがクリップされるように、オンのままにしておきます。 これにより、レイヤーにドロップシャドウを追加することが難しくなったようですclipsToBounds。オンにすると、シャドウもクリップされるためです。 私が操作しようとしているview.frameとview.bounds私はこれとは運を持っていなかったが、フレームにドロップシャドウを追加しますが、境界は、それを包囲するのに十分大きなことを可能にするために。 シャドウを追加するために使用しているコードは次のとおりです(これはclipsToBounds図のようにOFFでのみ機能します) view.clipsToBounds = NO; view.layer.shadowColor = [[UIColor blackColor] CGColor]; view.layer.shadowOffset = CGSizeMake(0,5); view.layer.shadowOpacity = 0.5; 以下は、一番上の灰色のレイヤーに適用されている影のスクリーンショットです。うまくいけば、clipsToBoundsOFFの場合にコンテンツがどのように重複するかがわかります。 シャドウを追加しUIViewてコンテンツをクリップしたままにするにはどうすればよいですか? 編集:シャドウをオンにした背景画像の使用も試してみましたが、これはうまく機能しますが、これに最適なコード化されたソリューションを知りたいと思っています。

22
CSSによる内側のテキストの影
私は現在CSS3で遊んでいて、次のようなテキスト効果(黒いぼやけた内側の影)を実現しようとしています: しかし、テキスト内にテキストの影を作成する方法が見つかりません。box-shadow要素が次のように内部で影をレンダリングできるため、それがまだ可能かどうか疑問に思います。 box-shadow: inset 0px -5px 10px 0px rgba(0, 0, 0, 0.5); 何か案は?
107 css  text  shadow 

13
Android Viewシャドウ
あちこち探しましたが、これを行う適切な方法が見つかりませんでした。ビューに次のシャドウエフェクトを設定します。 正直なところ、この2番目の設定がシャドウエフェクトを適用して行われるかどうかはわかりません。何か案は?

14
スイフト-コーナー半径とドロップシャドウの問題
角が丸く、ドロップシャドウのあるボタンを作成しようとしています。どのように切り替えても、ボタンが正しく表示されません。私が試したmasksToBounds = falseとmasksToBounds = true、しかし、いずれかのコーナー半径が動作し、影ができない場合、または影が動作し、コーナー半径はボタンの角をクリップしていません。 import UIKit import QuartzCore @IBDesignable class Button : UIButton { @IBInspectable var masksToBounds: Bool = false {didSet{updateLayerProperties()}} @IBInspectable var cornerRadius : CGFloat = 0 {didSet{updateLayerProperties()}} @IBInspectable var borderWidth : CGFloat = 0 {didSet{updateLayerProperties()}} @IBInspectable var borderColor : UIColor = UIColor.clearColor() {didSet{updateLayerProperties()}} @IBInspectable var shadowColor : …

9
ボタンに影を付ける方法
画像でわかるように、後ろに影が欲しいですButton。Button角を丸くして作成しました。しかし、問題は、その背後に影を生成できないことButtonです。どうすればこれを達成できますか?
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.