CSS Effect | 11 external shadowYouTube↗  IA↗(long shot)
Education  2.6K views 29 likes 0 dislikes   02 Nov 2014
Programming Tutorials 65.7K subscribers Spain YouTube↗


Please select the problem
You must specify your email and describe the problem in detail
Describe your problem in detail if it's not obvious

Click to Play Video Click to Play Video
Well this time we will see a very simple effect and I'll explain a little bit how the system works shifts.
Nun, dieses Mal werden wir einen sehr einfachen Effekt zu sehen, und ich werde ein wenig erklären, wie das System funktioniert verschiebt.
We have seen in some videos, I focused perhaps a little more on the effect itself but this time we will look a bit like the part works
Wir haben in einigen Videos gesehen, konzentrierte ich mich vielleicht ein wenig mehr über die Wirkung selbst, aber dieses Mal werden wir ein bisschen wie die Teil Werke aussehen
the movements of the shadows so let's see how to make this effect external shadow as I pass there you see the mouse moves me
die Bewegungen der Schatten lassen Sie uns so zu sehen, wie dieser Effekt externen Schatten zu machen, wie ich es passieren sehen Sie die Maus bewegt mich
in that direction. Well, let's see how it's done as you've seen here is the class "sombra_externa" then it's as simple as here
in dieser Richtung. Nun wollen wir sehen, wie es gemacht wird, wie Sie hier gesehen haben, ist die Klasse "sombra_externa", dann ist es so einfach wie hier
define "sombra_externa" and now here with the "box-shadow" property is defined as this shadow and explain a little this will do different
definieren "sombra_externa" und nun hier mit der "box-shadow" Eigenschaft wird als dieser Schatten definiert und erklären, ein wenig wird dies anders machen
examples to look'll put here what I'm doing and now we'll see. Well here I come over here update, refresh and have here
Beispiele hier setzen zu look'll, was ich tue, und jetzt werden wir sehen. Nun, hier komme ich hier zu aktualisieren, aktualisieren und haben hier
perhaps not much appreciate a small thread but as a small bordecito around all this is a good box has no offset shadow
vielleicht nicht viel zu schätzen ein kleines Gewinde, sondern als kleine bordecito um das alles ist eine gute Box hat keinen Schatten Offset
horizontal, not vertical scrolling and has 1px blur. These three values ​​are defining a horizontal scroll shadow
horizontal, nicht vertikal Scrollen und hat 1px Unschärfe. Diese drei Werte definieren eine horizontale Scroll-Schatten
vertical blur, blur if I here to tell a larger size because there they see it enlarged me more. If I give a vertical displacement
vertikale Unschärfe, Unschärfe, wenn ich hier eine größere Größe zu sagen, weil sie dort sehen, daß es vergrößerte mir mehr. Wenn ich geben eine vertikale Verschiebung
example 5px 5px me go down, if I want him to leave me up I will put -5px me up, if I want to have a displacement
nach unten gehen Beispiel 5px 5px mich, wenn ich will, dass er mich zu verlassen, werde ich setzen -5px mich auf, wenn ich eine Verschiebung haben wollen
Horizontal with 5px me it goes right and goes -5px me to the left. So there you have to combine where they want to go
Horizontal mit 5px mir geht es rechts ab und geht -5px mich nach links. So haben Sie kombinieren, wo sie gehen wollen
the shade and how much blurring want this to appear. Then as the effect we've seen before is because we have said it has 0
die Schatten und wie viel Verwischung wollen, dass diese zu erscheinen. Dann, als die Wirkung, die wir bisher gesehen haben, weil wir gesagt haben, es 0 hat
horizontal scrolling, vertical 0 and 1px that is what makes this small finite there bordecito Well then now what we will do is tell
horizontales Scrollen, vertikal 0 und 1px, dass diese kleine endlich ist, was es macht bordecito Na dann, was jetzt tun wir sagen, ist,
that when you put the "hover" cast a shadow in the direction we want this shadow appears, it is very simple
dass, wenn Sie die "schweben" setzen einen Schatten in Richtung werfen wir diese Schatten wollen scheint, ist es sehr einfach
in this case I'm going to do down in the horizontal part 2px and 3px in the vertical and we will give a blur of 3px for example. here when
in diesem Fall werde ich in dem horizontalen Teil 2px und 3px in der Vertikalen zu tun, und wir werden eine Unschärfe von 3px zum Beispiel geben. hier, wenn
update and make the "hover" shows me this, give a harder presence here if I want it to have a larger blur to not have
Update und die "schweben" zu machen, zeigt mir dies, eine härtere Anwesenheit hier geben, wenn ich es will nicht, eine größere Unschärfe zu haben zu haben,
such a strong shadow simply changing the dithering by a superior size for example 9px as they see as most degraded, a shadow more
ein so starker Schatten einfaches Ändern des Dithering durch eine überlegene Größe zum Beispiel 9px als sie, wie die meisten degradierten, ein Schatten mehr sehen
smooth, if I want the shadow instead of being down is up to him and put a -3px here to update it and then have up to shade is
glatt, wenn ich den Schatten statt des Seins nach unten wollen, ist zu ihm und ein -3px es hier setzen zu aktualisieren und haben dann bis zum Schatten
as you want. They are seeing that all these shadows are external see in the next video as internal them, inside the box, even
wie du willst. Sie werden sehen, dass alle diese Schatten sind externe siehe im nächsten Video als interne sie in der Box, auch
and combine them to not only put a shadow but put several shades. Here we have seen that right? So we have the original effect
und kombinieren sie, nicht nur einen Schatten gestellt, aber einige Schatten stellen. Hier haben wir dieses Recht gesehen? So haben wir die ursprüngliche Wirkung
I wanted to achieve, excuse me, as I imagine you always have to put a "transition-duration" that is not something so abrupt that loses
Ich wollte mich zu erreichen, entschuldigen, wie ich denke, Sie haben immer eine "Übergangszeit" setzen das ist nicht etwas, so abrupt, dass verliert
the feeling that you're missing the effect because it seems a sudden change, update and as if the shadow grows. Well I like it so so
das Gefühl, dass Sie die Wirkung sind vermisst, weil es eine plötzliche Änderung, Aktualisierung und scheint, als ob der Schatten wächst. Nun Ich mag es so so
highlights the box, highlights what is being selected because the shadow is harder, is perhaps stronger shadows are not degraded to give an effect but
unterstreicht die Box unterstreicht, was ausgewählt wird, weil der Schatten härter ist, ist vielleicht stärker Schatten nicht abgebaut werden, um eine Wirkung zu geben, aber
to have that style applied by default as long as an input when loading the page and appears with the shadow applied
dass Stil standardmäßig angewendet zu haben, solange ein Eingang, wenn das Laden der Seite und erscheint mit der Schatten angewendet
so that degraded, that is nice. But an effect where a shadow that looks just as it may not be the most logical thing appears, do not know if in any case
so dass degradiert, das ist schön. Aber ein Effekt, bei dem ein Schatten, der nur sieht, da es nicht die logischste Sache erscheint sein können, weiß nicht, ob in jedem Fall
could serve, perhaps very soft feel but if you want to emphasize something because the shadow is harder for that smaller dithering and
dienen könnte, vielleicht sehr weiches Gefühl, aber wenn Sie etwas betonen wollen, weil der Schatten ist härter für das kleinere Dithering und
displacements that are not too large because that if it is ugly because if I here I put a shift of 20px as this if it is ugly, I
Verschiebungen, die nicht zu groß sind, denn das ist, wenn es hässlich, weil, wenn ich hier bin, da dies eine Verschiebung von 20px setzen, wenn es ist hässlich, ich
out much. So small and short journeys stumped for tougher shadows, small displacements and large faded to shadows
aus viel. So klein und kurze Wege für härtere Schatten stapfte, kleine Verschiebungen und groß Schatten verblasst
softer but recommended default style is not applied even good effect but I do not know if in any case but usually what I told them
weicher, aber empfohlen Standardstil auch gute Wirkung wird nicht angewendet, aber ich weiß nicht, in jedem Fall, wenn aber in der Regel, was ich sagte ihnen,
We will see in the following video as do those inner shadows, okay, then we will continue.
Wir werden im folgenden Video sehen, wie diese inneren Schatten tun, okay, dann werden wir auch weiterhin.
Similar videos:

CSS Effect | 01 Introduction
Programming Tutorials
20.7K views 148 likes 3 dislikes 13 Oct 201470% match









迷你世界怪物生存：烈焰怪放火烧，苦力怕炸大陆，只有铁傀儡善良
YiHan Game Commentary
35.6K views 326 likes 26 dislikes 23 Nov 202066% match

How to get the CULT ENDING in DREAM DADDY A Dad Dating Simulator
Hoodie
18.1K views 745 likes 15 dislikes 01 Nov 201865% match

Faire un Poulet rôti au four n’ a jamais été aussi simple et bon ‼️
Cuisine et Pâtisserie
22.8K views 1.5K likes 17 dislikes 06 Jan 202165% match










迷你世界：这个明明是青铜，却可以拥有神器，王者都哭了，哼，不讲武德【艾米迷你世界】
Amy Mini World
7.7K views 184 likes 5 dislikes 23 Dec 202065% match

NEW BOOK: Dr. Altıkulaç critiques Brubaker's "Corrections in Early Qurʾan Manuscripts"
Variant Quran
13.5K views 1.3K likes 34 dislikes 13 Feb 202165% match











【大祥哥來了】試吃世界上最適合碳烤的魚，不愧被譽為日本魚王！
Here Comes Felix
204.9K views 2.5K likes 97 dislikes 30 Oct 202065% match



PASSEZ LA NUIT AVEC CECI/MASQUE DE GOMBO POUR une Peau Éclatante ,pour un Visage si Radieux:
L'ART DU TEINT PARFAIT,ELIXIR DEMARIE LEONIE COACH
31.5K views 0 likes 0 dislikes 13 Feb 202065% match
0 views 0 likes -1 dislikes 06 Jun 202664% match

Patrick Stewart Gets Emotional Announcing Return To Captain Picard Role - 8-4-18
Majestic Entertainment News
1.5M views 36.3K likes 526 dislikes 04 Aug 201864% match







滿足12個粉絲願望，籌劃用了1個月，起泡膠全都很好玩【妙藝手工】
Miaoyi DIY
122.7K views 4.2K likes -1 dislikes 09 Feb 202164% match

口横のシワとたるみ対策
Facial Design Channel
22.9K views 351 likes 9 dislikes 01 May 201964% match






[SUBS]간단한 소프트브라운 아이메이크업/노렌즈메이크업/뷰러하는법/데일리메이크업/Daily softbrown eyemakeup/5NING 오닝
나는오닝 5NING
107.7K views 3.7K likes 24 dislikes 19 Apr 201964% match




木筏求生06：木筏终于有了动力，但这东西的制造过程太不科学了！【陈老湿游戏解说】

7.2K views 160 likes 3 dislikes 01 Dec 202064% match

passez la nuit avec ce soin anti-âge Enlever les imperfections de La Peau, les Rides
L'ART DU TEINT PARFAIT,ELIXIR DEMARIE LEONIE COACH
565.7K views 0 likes -1 dislikes 14 Oct 201964% match










[프로듀스101 U GOT IT 리액션] 김요한 김우석 이은상 한승우 황윤성 차준호 갓츄(GOT U) 무대보고 게이될뻔 했다?! 프듀 엑스원 주인공은 누구? 프듀 생방송 꼭 !!
longtimenosee_Kpop Reaction and Korea culture and issues
43.4K views 876 likes 32 dislikes 20 Jul 201964% match


Résultat époustouflant,Teint immédiatement éclatant:Peau brillante et ressérée , Appliquez la
L'ART DU TEINT PARFAIT,ELIXIR DEMARIE LEONIE COACH
30.9K views 0 likes 0 dislikes 26 Apr 202064% match







【架麼饞】史上最無語盲盒開箱，拆出粑粑模樣的軟糖，連蛋糕都是毛巾做的

35.6K views 1.1K likes 21 dislikes 29 Dec 202064% match

How to Make INVISIBLE INK | LaneVids #Science #Experiment
LaneVids & Dad Reviews Shorts
419.4K views 2.6K likes 378 dislikes 27 Sep 201064% match












PubgM：海岛加入4条地铁，全图房间的物资被删除，地铁模式
Bei's Gaming Diner
129.1K views 2.1K likes 46 dislikes 29 Oct 202064% match

Crème éclaircissante au persilL/ Enlevez les boutons et les taches foncées/Skin Whitening Cream
L'ART DU TEINT PARFAIT,ELIXIR DEMARIE LEONIE COACH
121.8K views 0 likes 0 dislikes 22 Oct 201964% match










【How to get slack under your eyes】 Exercise
Facial Design Channel
71.3K views 513 likes 73 dislikes 12 Sep 201864% match






木筏求生78：老墨的懒人牧场完工！不用浇水就能养活动物们！#陈老湿游戏解说

5.9K views 123 likes 4 dislikes 22 Feb 202164% match

МК "Тюльпан" из ХФ
Юлия Машинская
1K views 95 likes 1 dislikes 11 Nov 202064% match













迷你世界：城墙下有怪物来偷袭，蝎子战车和导弹武装车炮轰全场
Doudou Junior Gaming
2.4K views 35 likes 2 dislikes 07 Dec 202064% match

JADAM Lecture Part 16. Common Herbs Become Powerful Pesticides. Making JADAM Herb Solution JHS.
JADAM Organic Farm & Garden
7K views 249 likes 5 dislikes 19 Jun 202063% match







Material can only be picked up after m4 is broadcast, and the enemy is eliminated by 1v4.
Congcong’s Wanderlust
1K views 57 likes 1 dislikes 12 Sep 202063% match

雨林生存8：马可说要在海边建房子，却建了一个养猪场，我决定不跟在一起他住了【艾米迷你世界】
Amy Mini World
5.2K views 125 likes -1 dislikes 02 Feb 202163% match

Sub) 서울호텔 에서 혼자 놀기💙 호캉스 브이로그/코엑스 맛집/ 책 추천 staycation alone in Seoul
여행하는유블리
2.1K views 32 likes 2 dislikes 28 Jul 202063% match


迷你世界：臭皮皮监禁早早，还把我的鸡都杀了！幸好正义不会迟到

593.1K views 4.7K likes -1 dislikes 21 Mar 202063% match


Settings Privacy About Contact Donate